jQuery没有选择包含“<”尖括号的ID？

Question

我无法在 jQuery 选择器中选择具有 id="check stage<lead>" 的复选框。

---

HTML：

<input id="check stage<lead>" type="checkbox" title="Select/Unselect Column" name="chk-stage-column-select" value="" onchange="">

---

Javascript：

// escape jquery selectors
    function jQueryEscape(str) {
        if (str)
            return str.replace(/([ #;?%&,.+*<>~\':"!^$[\]()=>|\/@])/g, '\\$1');

        return str;
    }


      var StageName = "<lead>";

  $("[id='check stage" + jQueryEscape(StageName) + "']").prop("checked", true);

等效的 JsFiddle：https://jsfiddle.net/vuw43uav/5/

注意：我使用的是 jQuery 1.7，我们可以在 jQuery 中选择带空格的 id。参考这个jsFiddle：https://jsfiddle.net/vuw43uav/7/

Answer 1

我知道您要求使用 jQuery Selector 使其工作，但您可以使用 javascript 来实现。

只需使用 javascript 选择元素并使其选中。

document.getElementById("check stage"+StageName).checked = true;

这是 1.7 jquery 版本的工作小提琴。 Fiddle

如果您需要 jquery 选择器，只需使用 javascript 选择元素，然后将其转换为 jquery 选择器，我知道这很蹩脚，但应该适合您。

var y = $(document.getElementById("check stage"+StageName));
y.prop("checked",true);

Answer 2

Id 属性不能有任何空格字符，检查这个spec

该值在元素的 home 中的所有 ID 中必须是唯一的 子树，并且必须至少包含一个字符。该值不得 包含任何空格字符。

对于 ID 可以采用的形式没有其他限制；在 特别是，ID 可以只包含数字，以数字开头，开始 带下划线，仅包含标点符号等。

改用 data-id

<input data-id="check stage<lead>" type="checkbox" title="Select/Unselect Column" name="chk-stage-column-select" value="" onchange="">

 $("[data-id='check stage" + StageName + "']").prop("checked", true);

Demo