blocks|key|234186|text|使用jQuery+selectors+API中的转义规则，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|234187|$('#root\\.SomeCoolThing')+|code-block|syntax|javascript|234188|从docs|234189|234190|要使用任何元字符(如!"#$%25&'()*%2B,./:;<=>?@[\]%5E`{%7C}~)作为名称的文字部分，必须使用两个反斜杠对其进行转义：\\。例如，带有id="foo.bar"的元素可以使用选择器$("#foo\\.bar").|blockquote|style|CODE|234191|234192|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/category/selectors/|1^0|2|K|0|0|0|1|4|1|0|0|A|U|1V|2|23|C|2P|F|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|F|7|14|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|15|8|@]|9|@$A|16|B|17|1|18]]|C|$]]|$1|K|3|-4|5|6|7|19|8|@]|9|@]|C|$]]|$1|L|3|M|5|N|7|1A|8|@$A|1B|B|1C|O|P]|$A|1D|B|1E|O|P]|$A|1F|B|1G|O|P]|$A|1H|B|1I|O|P]]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1J|8|@]|9|@]|C|$]]|$1|R|3|-4|5|6|7|1K|8|@]|9|@]|C|$]]]|S|$T|$5|U|V|W|C|$X|Y]]|Z|$5|U|V|W|C|$X|Y]]]]

Use the escaping rules from the <a href="http://api.jquery.com/category/selectors/">jQuery selectors API</a> as follows:



<pre><code>$('#root\\.SomeCoolThing') 
</code></pre>

From the <a href="http://api.jquery.com/category/selectors/">docs</a>:

<blockquote>
 To use any of the meta-characters (such as 
 <code>!"#$%&amp;'()*+,./:;&lt;=&gt;?@[\]^`{|}~</code>) as a literal part of a name, it must
 be escaped with with two backslashes: <code>\\</code>. For example, an element with
 <code>id="foo.bar"</code>, can use the selector <code>$("#foo\\.bar")</code>.
</blockquote>

blocks|key|234197|text|您可以使用下面的代码来转义句点|type|unstyled|depth|inlineStyleRanges|entityRanges|data|234198|$("#root\\.SomeCoolThing")|code-block|syntax|javascript|234199|How+do+I+get+jQuery+to+select+elements+with+a+.+(period)+in+their+ID?+http://groups.google.com/group/jquery-en/browse_thread/thread/ba072168939b245a?pli=1|offset|length|234200|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/350292/how-do-i-get-jquery-to-select-elements-with-a-period-in-their-id|1|http://groups.google.com/group/jquery-en/browse_thread/thread/ba072168939b245a?pli=1^0|0|0|0|1X|0|1Y|2C|1|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]|$I|10|J|11|1|12]]|A|$]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]|S|$5|N|O|P|A|$Q|T]]]]

You can escape period using something like this

<pre><code>$("#root\\.SomeCoolThing")
</code></pre>

<a href="https://stackoverflow.com/questions/350292/how-do-i-get-jquery-to-select-elements-with-a-period-in-their-id">How do I get jQuery to select elements with a . (period) in their ID?</a>
<a href="http://groups.google.com/group/jquery-en/browse_thread/thread/ba072168939b245a?pli=1" rel="nofollow noreferrer">http://groups.google.com/group/jquery-en/browse_thread/thread/ba072168939b245a?pli=1</a>

blocks|key|234205|text|如果您不能更改元素的ID，请尝试使用此选择器：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|234206|$("p[id=root.SomeCoolThing]")|code-block|syntax|javascript|234207|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Shooting from the hip here, but if you cannot change the ID of the element, try using this selector:

<pre><code>$("p[id=root.SomeCoolThing]")
</code></pre>

blocks|key|235900|text|使用attr+works：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|235901|$('p[id="root.SomeCoolThing"]')|code-block|syntax|javascript|235902|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Using attr works:

<pre><code>$('p[id="root.SomeCoolThing"]')
</code></pre>

blocks|key|233362|text|在每个特殊字符前使用两个反斜杠|type|unstyled|depth|inlineStyleRanges|entityRanges|data|233363|++$('#root\\.SomeCoolThing')|code-block|syntax|javascript|233364|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use two backslashes before each special character

<pre><code> $('#root\\.SomeCoolThing')
</code></pre>

blocks|key|233383|text|您需要转义特殊字符：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|233384|$('#root\\.SomeCoolThing')|code-block|syntax|javascript|233385|docs:|offset|length|233386|233387|如果要使用任何元字符(如!"#$%25&'()*%2B，./:;<=>?@[]%5E`{%7C}~+)作为名称的文字部分，则必须使用两个反斜杠对该字符进行转义：\。例如，如果有一个元素的id=为“foo.bar”，则可以使用选择器|blockquote|style|BOLD|233388|233389|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/category/selectors/^0|0|0|0|5|0|0|0|C|T|2D|M|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|11|8|@]|9|@$I|12|J|13|1|14]]|A|$]]|$1|K|3|-4|5|6|7|15|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|16|8|@$I|17|J|18|O|P]|$I|19|J|1A|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|S|$T|$5|U|V|W|A|$X|Y]]]]

You need to escape special chars:

<pre><code>$('#root\\.SomeCoolThing')
</code></pre>

<a href="http://api.jquery.com/category/selectors/" rel="noreferrer">docs:</a>

<blockquote>
 If you wish to use any of the meta-characters ( such as !"#$%&amp;'()*+,./:;&lt;=>?@[]^`{|}~ ) as a literal part of a name, you must escape the character with two backslashes: \\. For example, if you have an element with id="foo.bar", you can use the selector $("#foo\\.bar").
</blockquote>

<blockquote>
 Possible Duplicate: 
 <a href="https://stackoverflow.com/questions/605630/how-to-select-html-nodes-by-id-with-jquery-when-the-id-contains-a-dot">How to select html nodes by ID with jquery when the id contains a dot?</a> 
</blockquote>



I have a website that contains elements similar to this:

<pre><code>&lt;p id="root.SomeCoolThing"&gt;Some Cool Thing&lt;/p&gt;
</code></pre>

I can not select the paragraph with jQuery like <code>$('#root.SomeCoolThing')</code> because jQuery thinks, <code>SomeCoolThing</code> is the class of an element with <code>id="root"</code>.

How can I select this element with jQuery? I would like to avoid a construction like this:

<pre><code>$(document.getElementById('root.SomeCoolThing'))
</code></pre>

jQuery dot in ID selector?

jQuery

可能重复：我有一个网站，其中包含类似以下内容的元素：Some Cool Thing我不能像$('#root.SomeCoolThing')一样选择带有jQuery的段落，因为jQuery认为，SomeCoolThing是带有id="root"的元素的类。如...

问ID选择器中的jQuery点？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ID选择器中的jQuery点？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ID选择器中的jQuery点？
EN