javascript - Jquery 中带有特殊字符的 ID

Question

我的 ID 包含特殊字符。我需要使用 JQUERY 获取此输入的值。

<input style="text-align:center; width:50px;"  type="text" onKeyPress="jq(this.id);" value="5" id="adhocGlobal_#@HELLO DAVID%VSOP1240%6X0.7LFIG">
    <script> 
    function jq(str) {
        var id = str.replace(/[%#;&,\.\+\@*~':"!\^\$\[\]\(\)=>|\/\\]/g, '\\\\$&');
        var value = $("#"+id).val();
        alert(value);
}
    </script>

我尝试这样做，但警报中没有响应。帮助!请!

Answer 1

通常，您可以在选择器中使用 jQuery 的转义序列 \\ 来转义特殊字符。但是，这在这种情况下不起作用，因为您在元素中指定的 id 无效，因为它包含空格。

因此，您必须使用 jQuery 中的属性选择器来检索它:

var $el = $('[id="adhocGlobal_#@HELLO DAVID%VSOP1240%6X0.7LFIG"]');
console.log($el.val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input style="text-align: center; width: 50px;" type="text" onKeyPress="jq(this.id);" value="5" id="adhocGlobal_#@HELLO DAVID%VSOP1240%6X0.7LFIG">

更好的解决方案是在将元素输出到页面之前修复元素的 id 以删除空格和特殊字符。