jQuery选择器正则表达式

JavaScript

小小理查德

2020-03-12

我正在寻找有关通过jQuery选择器使用通配符或正则表达式(不确定确切术语)的文档。

我自己寻找了此信息,但无法找到有关语法以及如何使用它的信息。有谁知道语法的文档在哪里?

编辑:属性过滤器使您可以基于属性值的模式进行选择。

第976篇《jQuery选择器正则表达式》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

3个回答
十三Itachi 2020.03.12

id和class仍然是属性,因此如果您选择相应的选项,则可以对其应用regexp属性过滤器。在此处阅读更多信息:http : //rosshawkins.net/archive/2011/10/14/jquery-wildcard-selectors-some-simple-examples.aspx

番长西里神无 2020.03.12

您可以使用该filter功能应用更复杂的正则表达式匹配。

这是一个仅与前三个div相匹配的示例:

$('div')
  .filter(function() {
    return this.id.match(/abc+d/);
  })
  .html("Matched!");
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="abcd">Not matched</div>
<div id="abccd">Not matched</div>
<div id="abcccd">Not matched</div>
<div id="abd">Not matched</div>

Harry小哥 2020.03.12

James Padolsey创建了一个很棒的过滤器,允许使用正则表达式进行选择。

说您有以下内容div

<div class="asdf">

Padolsey的:regex过滤器可以像这样选择它:

$("div:regex(class, .*sd.*)")

另外,请查阅关于选择器官方文档

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android