Javascript 如何在jquery中搜索属性值的一部分？

如何从所有数据属性值，对它们进行计数以及更改元素的背景色中获取零件。我在

例如：

该属性称为数据搜索。该值设置为搜索\u 12（该数字用于标识元素）

单击按钮时，我试图在身体的任何地方查找搜索\。 因此，有许多元素具有相同的数据属性，但不同之处在于，值的末尾有一个数字，该数字会因标识目的而改变

如果可能的话，我想使用split方法，因为它比match（）或RegExp（）快。否则，请随意回答您的问题

这就是我所拥有的

JS

$( "button" ).on( "click", function() {

      var search = $( "body" ).children( "*" ).attr( "data-search" )

      var results = search.split( 'search_' ).length - 1;  

      $('.count-results').text( results )

});

HTML

<div class="section">
   <button type="button">Search</button>
</div>

<div class="section">
   <section>
      <div>
         <h1>Please <span class="span" data-search="search_21">find me</span></h1>
         <p class="para">Search for data</p>
      </div>
   </section>

   <article> 
      <section>
         <div>
            <h1>Find the next element's data</h1>
            <p data-search="search_400" class="para">
            Find me too
            </p>
         </div>
      </section>
   </article>

   <details open>
      <address>
        Written by <a href="#" data-search="search_1">Jon Doe</a>.<br> 
        Visit us at:<br>
        Example.com<br>
        Box <span class="number" data-search="search_anything">564</span>, 
        Disneyland<br>
        USA
     </address>
   </details>
</div>

<div class="section">
   <p>The string of <b>search_</b> was found:</p>
   <div>
      <span class="count-results"></span> times
   </div> 
</div>

搜寻
请找我
搜索数据

.

访问我们：

Example.com

方框564，
迪斯尼乐园

美国
已找到搜索字符串uu：

时代

任何帮助都将不胜感激

您可以使用：

$（“按钮”）。在（“单击”，函数（）{
var results=$（'[data search^=“search”]）；
结果：css（‘背景’、‘红色’）；
$（'.count results'）.text（results.length）；
});

搜寻
请找我
搜索数据

.

访问我们：

Example.com

方框564，
迪斯尼乐园

美国
已找到搜索字符串uu：

时代
您可以使用：


$（“按钮”）。在（“单击”，函数（）{
var results=$（'[data search^=“search”]）；
结果：css（‘背景’、‘红色’）；
$（'.count results'）.text（results.length）；
});

搜寻
请找我
搜索数据

.

访问我们：

Example.com

方框564，
迪斯尼乐园

美国
已找到搜索字符串uu：

时代
只需使用适当的

[attr^=value]

表示属性名为attr的元素
其值以值为前缀（前面）

因此，在您的示例中，您将使用

$("[data-search^='search_']")

然后，该集合将保存所有具有前缀为
search\的数据搜索属性的元素

演示


$（“按钮”）。单击（函数（）{
变量计数=$（“[data search^='search_']]”。长度；
$（“.count results”）.text（count）；
});

搜寻
请找我
搜索数据

.

访问我们：

Example.com

方框564，
迪斯尼乐园

美国
已找到搜索字符串uu：

时代
只需使用适当的

[attr^=value]

表示属性名为attr的元素
其值以值为前缀（前面）

因此，在您的示例中，您将使用

$("[data-search^='search_']")

然后，该集合将保存所有具有前缀为
search\的数据搜索属性的元素

演示


$（“按钮”）。单击（函数（）{
变量计数=$（“[data search^='search_']]”。长度；
$（“.count results”）.text（count）；
});

搜寻
请找我
搜索数据

.

访问我们：

Example.com

方框564，
迪斯尼乐园

美国
已找到搜索字符串uu：

时代
回答得很好！谢谢回答得好！谢谢