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

Question

我有一系列的<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被以及选择。

Answer 1

最好的办法是通过的div .each()遍历并通过检查$(this).text()检查回调的内容：

$('div').each(function() { 
    if ($(this).text().match(/^\.(com|net|co\.uk)$/)) { 
     // ... 
    } 
}); 

Answer 2

可以使用filter方法来检查内容：

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

您可能仍希望在选择器中删除尽可能多的元素，以减少过滤器函数必须检查的元素数量。即使contains伪类无法作出确切的匹配，它仍然可以用于减少的结果：

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

Answer 3

我有一个过滤器做到这一点：

jQuery.fn.pickDomains = function() { 
    var domains = jQuery.makeArray(arguments); 
    return this.filter(function(_, element) { 
    for (var d = 0; d < domains.length; ++d) 
     if (domains[d] == $(element).text()) return true; 
    return false; 
    }); 
}; 

然后你就可以只是这样说：

var theDivs = $('div.whatever').pickDomains('.co.uk', '.com', '.net'); 

Answer 4

我面临这个问题，也数次，尤其是因为我在原型开发，其中一StartsWith function存在。可能只有通过div循环和检查子字符串的方式，代码可以在previous similar question上找到。