jQuery選擇一個額外的散列

Question

我試圖讓一個ID的父母在它前面有一個額外的＃，但它不工作。 = '＃'是否會導致此故障？或者jQuery有什麼問題？

HTML：

<li><a href="blah" id="#id"></a></li> 
<button id="clickme">click it</button> 

的jQuery：

$('#clickme').click(function() { 
    ('##id').parent().addClass('active'); 
}); 

任何幫助，將不勝感激。

Answer 1

#是爲id s保留的特殊符號。你不應該在id的名字中使用它。爲什麼要這樣做有特定的原因嗎？

Answer 2

它通常是一個壞主意，在選擇特殊字符，但你永遠可以逃脫他們：

$('#clickme').click(function() { 
    $('#\\#id').parent().addClass('active'); 
}); 

FIDDLE

Answer 3

從documentation：

要使用任何的元字符（如!"#$%&'()*+,./:;<=>?@[\]^ {|}〜`）作爲名稱的文字部分，必須用兩個反斜槓進行轉義：\\。

So $('#\\#id') should work，但我真的建議不使用#作爲ID的一部分，以避免任何可能出現的問題。例如，我不認爲有逃避CSS規則中的字符（我可能是錯誤的）或使用ID作爲目標（如<a href="##id"></a>）也可能不起作用。

Answer 4

按照W3C：

ID和名稱標記必須以字母開頭（[A-ZA-Z]）和之後可以是任何數量的字母，數字（[0-9 ]），連字符（「 - 」）， 下劃線（「_」），冒號（「：」）和句點（「。」）。

你真的不應該有一個ID爲#id的元素。是的，你可以像其他人所建議的那樣通過轉義額外散列來解決分析問題，但更好的解決方案是爲父分區提供更好的ID，而不需要特殊處理。

Answer 5

http://jsfiddle.net/mohammadAdil/exngF/

你需要逃離這裏額外#

$('#\\#id') 

更多信息

http://learn.jquery.com/using-jquery-core/faq/how-do-i-select-an-element-by-an-id-that-has-characters-used-in-css-notation/

爲了告訴jQuery來字面上對待這些字符，而 比如CSS符號，它們必須是「逃脫」通過將兩個 反斜槓在他們面前