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

其他回答

$("input[name='option[colour]'] :checked ")

id和类仍然是属性,因此如果进行相应的选择,可以对它们应用regexp属性筛选器。点击此处阅读更多信息: http://rosshawkins.net/archive/2011/10/14/jquery-wildcard-selectors-some-simple-examples.aspx

如果你只是想选择包含给定字符串的元素,那么你可以使用以下选择器:

$(':包含(“搜索字符串”)”)

我只是举了一个实时的例子:

在原生javascript中,我使用下面的代码片段来查找id以“select2-qownerName_select-result”开头的元素。

文件。querySelectorAll(“select2-qownerName_select-result [^ = id”);

当我们从javascript转换到jQuery时,我们用下面的代码片段取代了上面的代码片段,它涉及较少的代码更改,而不影响逻辑。

美元(“select2-qownerName_select-result [^ = id”)

可以使用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>