jQueryのセレクタ

Question

は、私がHTMLに持っているもののサンプルです：

<span class="a">Test</span> 
<div class="b"> 
    <div id="x_ABC">ABC must NOT be hidden</div> 
    <div id="x_DEF">DEF must be hidden</div> 
    <div id="x_GHI">GHI must be hidden</div> 
    <div id="JKL">JKL must NOT be hidden</div> 
</div> 

私が欲しいのは、jQueryを使ってのすべてのdivを非表示にすることですクラス "b"を持つdiv内の "x"で始まり、クラス "a"を持つhtmlタグで始まるid。

私はこのコードを試してみました：

$('.a + div.b div[id^=x]:gt(0)').hide() 

をしかし、それは私がやりたいことはありません。誰かがクラス "a"、 "b"、 "id^= x"だけを使ってセレクタを修正する方法を知っていますか？

ありがとうございました！属性セレクタで

Answer 1

引用符は必須です。あなたはx引用符で囲む必要

$('.a + div.b div[id^="x"]').slice(1).hide() 

Answer 2

：パフォーマンス上の理由から

$('.a + div.b div[id^="x"]:gt(0)').hide() 

DEMO

は、あなたが.slice()使用する場合がありますhttp://api.jquery.com/attribute-starts-with-selector/

Answer 3

ただ、それ以上の機能の代替：

$('div.b').each(function(_, b) { 
    var $b = $(b); 

    if($b.prev().hasClass('a')) { 
     $b.children().slice(1).filter(function() { return this.id.charAt(0) === 'x' }).hide(); 
    } 
}); 

Answer 4

は、私はそれが（彼らは必須であっても）それが働いた引用符この

$('.a + .b > *[id^="x"]:nth-child(n+2)').hide();