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

您需要使用两个反斜杠来转义冒号:

$('#test\\:abc')

使用 $('[id=id:with:colon]')。

使用两个反斜杠 \\

演示

就像这里写的一样

如果您希望使用 元字符(如 “ # $% &’() * + ，./: ; < = > ?@[] ^ ‘{ | } ~)作为 名字的字面部分，你必须 用两个逃避角色 反斜杠: 。例如，如果你 如果有一个 id = “ foo.bar”的元素，则 可以使用选择器 $(“ # foo. bar”)。 W3C CSS 规范包含 完整

参考文献

我将只使用 document.getElementById，并将结果传递给 jQuery()函数。

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

显然，它在冒号上出错了，因为 jQuery 试图将其解释为一个选择器。尝试使用 id 属性选择器。

 $('[id="test:abc"]')

尝试使用 $('#test\\:abc')

这种语法 $('[id="test:abc"]') 对我有用。我使用 Netbeans 6.5.1 & 它生成的组件与一个包含 : (colon)的 id。我试了 \\和 \3A但都没用。

简而言之

您应该使用 $(document.getElementById("test:abc"))。

解说 : 除了速度增加(见下文) ，它更容易处理。

例子: 假设你有一个函数

   function doStuff(id){


var jEle = $("#" + id); //is not safe, since id might be "foo:bar:baz" and thus fail.
//You would first have to look for ":" in the id string, then replace it


var jEle = $(document.getElementById(id)); //forget about the fact
//that the id string might contain ':', this always works
}


//just to give an idea that the ID might be coming from somewhere unkown
var retrievedId = $("foo").attr("data-target-id");
doStuff(retrievedId);

速度/时间

299 $("#annoying\\:colon")


302 $("[id='annoying:colon']"


20 $(document.getElementById("annoying:colon"))




71 $("#nocolon")


294 $("[id='nocolon']")

  71 $("#nocolon") and
299 $("#annoying\\:colon")