Question

<div class="selectedColumns" >
<a href="#" attributeid="19" >Driver License State</a>
<a href="#" attributeid="21" >Email</a>
<a href="#" attributeid="23" >Experience Level</a>
<a href="#" attributeid="26" >First Name</a>
<a href="#" attributeid="71" >Is Account Enabled</a>
<a href="#" attributeid="39" >Last Contacted Date</a>
<a href="#" attributeid="40" >Last Name</a>
<a href="#" attributeid="41" >Middle Name</a>
<a href="#" attributeid="6">Carrier</a>
</div>

我有一系列链接。每个链接都有一个attributeid属性。我想按属性值过滤。所以在上面的链接中如果我的值为41，它将返回中间名链接。

var link = $('.selectedColumns a:[attributeid==' + $(this).val() + ']');

这不起作用？

Answer 1

不要声称这更优雅，但在集合上使用filter（）可以更灵活地匹配，并且比字符串连接更不容易出错。

var matching = $('.selectedColumns a').filter(function(){
                   return $(this).attr('attributeid') == 41
                });
    matching.prop('selected', true);

Answer 2

使用单个=而不是2.此外，：不应该在那里

var link = $('.selectedColumns a[attributeid=' + $(this).val() + ']');

Answer 3

attribute-equals selector中不需要:或双=，它应该是：

$('.selectedColumns a[attributeid=' + $(this).val() + ']');

此外，如果您使用的是无效的属性，请考虑使用在HTML5中有效的data- attributes，例如data-id而不是attributeid。

jQuery按属性值过滤

3 个答案: