jQuery 不选择包含“<"的 id角支架? [英] jQuery not selecting id containing &quot;&lt;&quot; angular bracket?

问题描述

我无法在 jQuery 选择器中选择具有 id="check stage" 的复选框.

I am not able to select checkbox which has id="check stage<lead>" in jQuery Selector.

<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/

Equivalent JsFiddle : https://jsfiddle.net/vuw43uav/5/

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

Note: I'm using jQuery 1.7 and we can select id with spaces in jQuery. refer this jsFiddle: https://jsfiddle.net/vuw43uav/7/

推荐答案

我知道您要求使用 jQuery Selector 使其工作，但您可以使用 javascript.

I know you asked to make it work using jQuery Selector, but you can do it using javascript.

只需使用 javascript 选择元素并选中它.

Just select the element using javascript and make it checked.

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

这是您的 1.7 jquery 版本的工作小提琴.小提琴

Here is the working fiddle for your 1.7 jquery version. Fiddle

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

In case you want jquery selector, just select the element using javascript and then convert it to jquery selector, I know this is lame but should work fine for you.

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

这篇关于jQuery 不选择包含“<"的 id角支架?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！