jQuery 属性包含选择器

Question

我有一组 div，例如：

<div class="wrapper">
 <div class="uct_attr" data-tags="one two three four">stuff</div>
 <div class="uct_attr" data-tags="three four">stuff</div>
 <div class="uct_attr" data-tags="one three five">stuff</div>
 <div class="uct_attr" data-tags="one two six">stuff</div>
 <div class="uct_attr" data-tags="four five six">stuff</div>
</div?

如何对与我的查询匹配的 div 执行操作，以及如何对不匹配的 div 执行操作？请记住，我希望匹配属性数据标签中的单词之一，

例如：

// if match 'one'
$('.wrapper .uct_attr[data-tags="one"]').doMatch();
// the rest that didn't match 'one'
$('.wrapper .uct_attr[data-tags!="one"]').doNotMatch();

我认为该属性中有多个标签的问题。

对此的任何帮助都会很棒。

C

Answer 1

足够简单：使用 member-of-a-whitespace-delimited-list 选择器。

var $els = $(".wrapper .uct_attr");
$els.filter("[data-tags~='one']").doMatch();
$els.not("[data-tags~='one']").doNotMatch();

Answer 2

不是选择器

$('.wrapper').find('div').not('.uct_attr[data-tags="one"]').doNotMatch();

Answer 3

要匹配属性中的单词，请使用 ~= 运算符，如下定义：http:// /api.jquery.com/attribute-contains-word-selector/

// if match 'one'
$('.wrapper .uct_attr[datatags~="one"]').doMatch();
// the rest that didn't match 'one'
$('.wrapper .uct_attr').not('[datatags~="one"]').doNotMatch();