用于选择的jQuery选择器ID：1

Question

我有以下选择，其中包含一个不寻常的ID / Name属性：

<select name="customfield_10021:1" id="customfield_10021:1" class="select cascadingselect-child">

这似乎不允许我选择：

unit = $('#customfield_10021:1 option:selected').text();

http://jsfiddle.net/stzPQ/

uncaught exception: Syntax error, unrecognized expression: 1

如何选择此字段？我以前从未见过这种特殊的语法，但它显然适用于提交。

谢谢！

贾里德

Answer 1

使用:

逃离\\

unit2 = $('#customfield_10021\\:1 option:selected').text();

<强> Updated jsfiddle

或者您可以使用document.getElementById("customfield_10021:1")作为选择器的上下文。

var s = document.getElementById("customfield_10021:1");
unit2 = $('option:selected', s).text();

Answer 2

你应该逃避冒号，所以这样做：

$("#customfield_10021\\:1")

你有：

unit = $('#customfield_10021\\:1 option:selected').text();

那是因为冒号是一个特殊的角色，需要用反斜杠进行转义。 希望这可以帮助。干杯

Answer 3

逃离冒号：

unit = $('#customfield_10021\\:1 option:selected').text();

请参阅jQuery FAQ。

---

您可能只想使用.val()来获取option:selected的值，而不是使用<select>：

unit = $('#customfield_10021\\:1').val();

Answer 4

试试这个：

unit = $('#customfield_10021\\:1 option:selected').text();

:通常用于伪选择器，反斜杠需要在字符串文字中加倍。

为避免疑义，ID和Name属性中的冒号字符is legal。

Answer 5

这有效：

$('[id="customfield_10021:1"] option:selected').text()

现场演示： http://jsfiddle.net/stzPQ/2/

Answer 6

我认为有效：

unit = $("#customfield_10021\\:1 option:selected").text();

Answer 7

请记住，使用冒号来区分伪类，就像使用option:selected一样，您必须从元素的id中删除冒号：

<select name="customfield_10021_1" id="customfield_10021_1" class="select cascadingselect-child">

这是因为jQuery尝试使用#customfield_10021:1作为id = customfield_10021，伪类1不存在，因此错误。

Answer 8

JSF中的另一个解决方案是防止表单名称在每个id之前添加。

可以使用表单标记中的prependId =“false”来完成此操作：

            <h:form id="gestion_clefs" prependId="false">