我在文档使用通配符或正则表达式(不确定的确切术语)与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”)