javascript – 如何根据jQuery中的所有内容选择元素？

我有一系列的< div />,如下所示：

<div>.co.uk</div>  
<div>.com</div>  
<div>.gb.com</div>  
<div>.uk.com</div>  
<div>.net</div>

如何只选择包含.co.uk,.com,.net的div.

如果我使用：

$('div:contains(".co.uk"),div:contains(".com"),div:contains(".net")`)

这会导致选择.gb.com和.uk.com div.

解决方法

您可以使用过滤方法检查内容：

$('div').filter(function(){
  var t = $(this).text();
  return t == '.co.uk' || t == '.com' || t == '.net';
})

您可能仍希望在选择器中清除尽可能多的元素,以减少过滤器函数必须检查的元素数量.即使包含伪类不能完全匹配,它仍然可以用于减少结果：

$('div:contains(".co.uk"),div:contains(".net")`).filter(function(){
  var t = $(this).text();
  return t == '.co.uk' || t == '.com' || t == '.net';
})