javascript-jquery-选择具有特定内容的元素

我有这样的html结构：

<div class="test">
   <span class="content">1</span>
</div>
<div class="test">
   <span class="content">2</span>
</div>
...
<div class="test">
   <span class="content">100</span>
</div>

在我的JavaScript代码中,我需要获取一个< span>类内容恰好具有1或2,…,100的元素

我测试了jquery .contains方法,但这将返回所有具有示例1的元素,例如1,12,….

解决方法:

您可以使用过滤器方法,该方法接受应用于每个项目的回调函数.

var array=$('.test').find('.content').filter(function(){
   return $(this).text().trim()==100;
});
console.log(Array.from(array));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test">
   <span class="content">1</span>
</div>
<div class="test">
   <span class="content">2</span>
</div>
<div class="test">
   <span class="content">100</span>
</div>

标签：jquery-selectors,html,javascript,jquery,function
来源： https://codeday.me/bug/20191111/2020119.html