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? 

如何執行和行動上符合我上不的那些查詢，另一種的人？記住我的願望是匹配的屬性數據標籤

例如，一家之言：

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

的問題，我認爲是存在這樣的屬性multipul標籤。

對此的任何幫助將是偉大的。

Ç

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();