如何使用jquery检测文本以特殊单词开头的元素数量？

Question

我有一个如下所示的标签：

<section id="sec">
   <div id="item1">item1</div>
   <div id="item2">item2</div>
   <div id="item3">item3</div>
   <div id="abcitem1">abcitem1</div>
</section>

我想检查有多少 div 标签 contextText 以 开头item。我可以知道有没有更简单的方法来编写条件并一一计数（例如Jquery）？

Answer 1

用于.filter()过滤选定的元素并使用正则表达式.match()检查item元素文本是否存在。

var count = $("#sec div").filter(function(){
  return $(this).text().match(/^item/);
}).length;
console.log(count);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section id="sec">
   <div id="item1">item1</div>
   <div id="item2">item2</div>
   <div id="item3">item3</div>
   <div id="abcitem1">abcitem1</div>
</section>