javascript - jQuery 获取 id 中包含 form 的元素

Question

我正在尝试使用 jquery 从我的页面获取元素:

元素:

<a href="path" id="form1:ctlName">

我试图获取这样的元素但失败了:

$('#form1:ctlName')

虽然这种方式有效:

document.getElementById('form1:ctlName');

问题是我需要 .css 属性，它只是 jquery。

有人知道如何使用 jquery 获取控件吗？

Answer 1

问题出在选择器中的 : 上，因为 jQuery尝试将其解释为选择器的扩展。选择器冒号的一些用途是伪类 :first 或 :last，您可以获得这些选择器扩展的完整列表 here .

尝试这些选择器:

$("[id='form1:ctlName']"); //Method one, encapsulating the id
$("#form1\\:ctlName");     //Method two, escaping the colon

这是一个工作 demo

请注意，根据this answer ，调用 native javascript 方法 getElementById(yourId) 的速度大约比其他方法快 10 倍，因此如果性能至关重要，您可能需要考虑使用该方法。