jQueryで兄弟を1つだけ選択する方法は？

Question

私はこのコードを持っている：

<ul> 
    <li class="foo">foo text</li> 
    <li class="foo2">foo2 text</li> 
    <!-- more li here --> 
    <li class="bar">bar text</li> 
    <li class="bar2">bar2 text</li> 
    <!-- more li here --> 
    <li class="baz">clickme!</li> 
</ul> 

と

$(".baz").click(function() { 
    alert("test: " + $(this).siblings(".bar")[0].text()); // Doesn't work 
}); 

siblings(".bar")[0]は動作しません。 （警告ボックスは表示されず、JavaScriptエラーもありません）

兄弟だけを選択する適切な方法は何ですか？

jsFiddle try

編集：私はprev()またはnext()を使用したくありません。

Answer 1

：

$(this).siblings(".bar").eq(0).text() 

セット内の最初の要素を選択します。あなたが探している要素がクリックされた要素の前に直接来るようあなたのケースでは、あなたは単に、prevを使用することができます。

$(this).prev(".bar").text() 

あなたが使用していた配列表記法の問題点は、それが実際のDOMノードを返すということですjQueryオブジェクトに含まれており、それはtextメソッドを持たないでしょう。 eqはこれを行うための同等のjQueryメソッドです。

Answer 2

http://api.jquery.com/next/および/またはhttp://api.jquery.com/prev/。

だから、次のようになります。

$(this).prev().text());または$(this).next().text());

Answer 3

あなたは次の（）またはPREV（）を使用することができます。

$(".baz").click(function() { 
    alert("test: " + $(this).prev(".bar").text()); 
}); 

あなたが特定のインデックスに1つに要素のマッチしたセットを減らすためにeqメソッドを使用することができ、ここでフィドルhttp://jsfiddle.net/fMT5x/2/

Answer 4

あなたはまた、最初に使用してjQueryオブジェクトのうちの最初の要素をつかむことができます。

alert(siblings(".bar").first().text()); 

Answer 5

あなたがいずれかを行うことができます。

$(".baz").click(function() { 
    alert("test: " + $(this).prev.html()); 
}); 

しかし、あなたは前のアイテムが存在することを確認する必要があり

OR（ファイン）

$(".baz").click(function() { 
    alert("test: " + $(this).siblings(".bar").eq(0).text()); 
}); 

を.bazします

OR（より悪い）、ちょうど参考のために、それを使用することはありません:)

$(".baz").click(function() { 
    var text = 0; 
    $(this).siblings(".bar").each(function(){ text = $(this).text(); break; }); 
    alert("test: " + text); 
}); 

Answer 6

ここでのjQueryで兄弟要素を選択について学ぶことは有益であるリンクがあります。

How to select only one sibling with jQuery

$("selector").nextAll(); 
$("selector").prev(); 

あなたも、より多くの情報についてはjQueryのセレクタ

$("h2").siblings('table').find('tr'); 

を使用して要素を見つけ、このリンクnext(), nextAll(), prev(), prevAll(), find() and siblings in JQuery