blocks|key|726606|text|您需要使用两个反斜杠转义冒号：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|726607|$('#test\\:abc')|code-block|syntax|javascript|726608|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|$]]

You need to escape the colon using two back-slashes:

<pre><code>$('#test\\:abc')
</code></pre>

blocks|key|726612|text|使用$('[id=id:with:colon]')。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|726613|entityMap^0|2|N|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

Use <code>$('[id=id:with:colon]')</code>.

blocks|key|726665|text|我只需要使用document.getElementById，并将结果传递给jQuery()函数。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|726666|var+e+=+document.getElementById('test:abc');
$(e)+//+use+$(e)+just+like+$('#test:abc')+|code-block|syntax|javascript|726667|entityMap^0|6|N|11|8|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

I would just use <code>document.getElementById</code>, and pass the result to the <code>jQuery()</code> function.

<pre><code>var e = document.getElementById('test:abc');
$(e) // use $(e) just like $('#test:abc') 
</code></pre>

blocks|key|942859|text|很明显，它在冒号上出错了，因为jQuery试图将它解释为选择器。尝试使用id属性选择器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|942860|+$('[id="test:abc"]')|code-block|syntax|javascript|942861|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|$]]

It's tripping up on the colon, obviously, because jQuery is trying to interpret it as a selector. Try using the id attribute selector.

<pre><code> $('[id="test:abc"]')
</code></pre>

blocks|key|942863|text|尝试使用$('#test\\:abc')|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|942864|entityMap^0|4|G|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

try using <code>$('#test\\:abc')</code>

blocks|key|942904|text|这个语法$('[id="test:abc"]')适用于我。我使用的是Netbeans+6.5.1+&它生成带有包含:+(colon)的id的组件。我尝试了\\和\3A，但它们都不起作用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|942905|entityMap^0|4|K|Y|E|1L|9|1V|2|25|2|28|3|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|G|$]]

This syntax <code>$('[id="test:abc"]')</code>
worked for me. I'm using <code>Netbeans 6.5.1</code> &amp; it generates components with an <code>id</code> that contains a <code>: (colon)</code>. I tried the <code>\\</code> &amp; the <code>\3A</code> but none of them worked.

blocks|key|942949|text|参考Toskan的回答，我更新了他的代码，使其更具可读性，然后输出到页面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|942950|这是jbin链接：http://jsbin.com/ujajuf/14/edit。|offset|length|942951|此外，我还运行了更多的迭代|942952|Iterations:1000000

Results:++++
12794+++$("#annyoing\\:colon")
12954+++$("[id='annyoing:colon']"
754+$(document.getElementById("annyoing:colon"))
3294++++$("#nocolon")
13516+++$("[id='nocolon']")|code-block|syntax|javascript|942953|更多：|942954|Iterations:10000000

Results:++++
137987++$("#annyoing\\:colon")
140807++$("[id='annyoing:colon']"
7760++++$(document.getElementById("annyoing:colon"))
32345+++$("#nocolon")
146962++$("[id='nocolon']")|942955|entityMap|0|LINK|mutability|MUTABLE|url|http://jsbin.com/ujajuf/14/edit^0|0|9|V|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@$D|10|E|11|1|12]]|A|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|14|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|16|8|@]|9|@]|A|$K|L]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

Referring to Toskan's answer, I updated his code to make it a bit more readable and then output to the page.

Here's the jbin link: 
<a href="http://jsbin.com/ujajuf/14/edit" rel="nofollow">http://jsbin.com/ujajuf/14/edit</a>.
 
Also, I ran it with more iterations

<pre><code>Iterations:1000000

Results: 
12794 $("#annyoing\\:colon")
12954 $("[id='annyoing:colon']"
754 $(document.getElementById("annyoing:colon"))
3294 $("#nocolon")
13516 $("[id='nocolon']")
</code></pre>

Even More:

<pre><code>Iterations:10000000

Results: 
137987 $("#annyoing\\:colon")
140807 $("[id='annyoing:colon']"
7760 $(document.getElementById("annyoing:colon"))
32345 $("#nocolon")
146962 $("[id='nocolon']")
</code></pre>

We are not able to access the div element with ID "test: abc" in JS code using jQuery.

<pre><code>&lt;div id="test:abc"&gt;

$('#test:abc') 
</code></pre>

It's working fine without colon. We do not have control on ID generation as it is auto generated in Trinidad sub forms because it attaches sub form ID with <code>:</code> to every element inside it.

Handling colon in element ID with jQuery

jQuery

我们无法使用jQuery在JS代码中访问ID为"test: abc“的div元素。<div id="test:abc">$('#test:abc') 它在没有冒号的情况下工作正常。我们无法控制ID的生成，因为它是在特里尼达子窗体中自动生成的，因为它将带有:的子窗体ID附加到其中的每个元素。

问使用jQuery处理元素ID中的冒号
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery处理元素ID中的冒号EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery处理元素ID中的冒号
EN