我在文档使用通配符或正则表达式(不确定的确切术语)与jQuery选择器。
我自己也找过,但一直无法找到关于语法和如何使用它的信息。有人知道语法的文档在哪里吗?
编辑:属性过滤器允许您根据属性值的模式进行选择。
我在文档使用通配符或正则表达式(不确定的确切术语)与jQuery选择器。
我自己也找过,但一直无法找到关于语法和如何使用它的信息。有人知道语法的文档在哪里吗?
编辑:属性过滤器允许您根据属性值的模式进行选择。
当前回答
可以使用filter函数应用更复杂的正则表达式匹配。
下面是一个只匹配前三个div的例子:
$('div') .filter(function() { 返回 this.id.match(/abc+d/); }) .html(“匹配! <script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <div id=“abcd”>不匹配</div> <div id=“abccd”>不匹配</div> <div id=“abcccd”>不匹配</div> <div id=“abd”>不匹配</div>
其他回答
如果正则表达式的使用仅限于测试属性是否以特定字符串开头,可以使用^ JQuery选择器。
例如,如果你只想选择id以“abc”开头的div,你可以使用:
$("div[id^='abc']")
可以在这里找到很多非常有用的选择器来避免使用regex: http://api.jquery.com/category/selectors/attribute-selectors/
如果你只是想选择包含给定字符串的元素,那么你可以使用以下选择器:
$(':包含(“搜索字符串”)”)
$("input[name='option[colour]'] :checked ")
可以使用filter函数应用更复杂的正则表达式匹配。
下面是一个只匹配前三个div的例子:
$('div') .filter(function() { 返回 this.id.match(/abc+d/); }) .html(“匹配! <script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <div id=“abcd”>不匹配</div> <div id=“abccd”>不匹配</div> <div id=“abcccd”>不匹配</div> <div id=“abd”>不匹配</div>
我只是举了一个实时的例子:
在原生javascript中,我使用下面的代码片段来查找id以“select2-qownerName_select-result”开头的元素。
文件。querySelectorAll(“select2-qownerName_select-result [^ = id”);
当我们从javascript转换到jQuery时,我们用下面的代码片段取代了上面的代码片段,它涉及较少的代码更改,而不影响逻辑。
美元(“select2-qownerName_select-result [^ = id”)