2012-08-29 22 views
1

我有兩個div元素如下:JQuery的節目()和隱藏()上的屬性有值

<div class="sc-info" tags="abc mno"> 
    .... 
    </div> 

    <div class="sc-info" tags="abc xyz"> 
    .... 
    </div> 

我以存在於tags.Some東西一樣值要進行的hide()和show()下面

$('div.sc-info[tags with "abc"]').hide() // This should hide both divs 

    $('div.sc-info[tags with "xyz"]').show() //This should show only second one 

回答

7

使用屬性包含Word中選擇~=)選擇

http://api.jquery.com/attribute-contains-word-selector/

$('div.sc-info[tags~="abc"]').hide() 

$('div.sc-info[tags~="xyz"]').show() 

迴應評論:

當我檢查多個字(即)海峽= 「紐約」 不工作; [str〜=「abc紐約」]沒有給出正確的結果。有沒有其他方法可以做到這一點?

要選擇這些屬性中的多個單詞,您必須在div.sc.info上篩選兩個可能的屬性選擇器。

$('div.sc-info').filter('[tags~="abc"],[tags~="New York"]').hide() 

例子:http://jsfiddle.net/hunter/AS6Zp/

+0

謝謝:) :) – codeit

+0

不工作,當我檢查多個字(即)海峽= 「紐約」; [str〜=「abc紐約」]沒有給出正確的結果。有沒有其他方法可以做到這一點? – codeit

+0

更新回覆 – hunter