javascript - jQuery 没有选择包含 "<"尖括号的 id？

Question

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

---

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 选择器使其工作，但您可以使用 javascript 来实现。

只需使用 JavaScript 选择元素并选中它即可。

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

这是 1.7 jquery 版本的工作 fiddle 。 Fiddle

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

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