jquery - 上の DIV を選択するが、その中では選択しない

Question

セレクター/横断に問題があります。基本的に、ユーザーが選択を押したときにポップアップ div が開くようにします。より大きなプログラムが使用されているため、この構造を使用する必要があるため、適切なセレクターのみを探しています。

HTML

<div class="box">
 <div class="popup"></div>
 <select></select>
</div>

jQuery

$('div.box select').focus(function (){
 $(this).closest('div').next().css('display','block');
});

score 3 · Accepted Answer

その親を選択し、ポップアップを見つけます。

$('div.box select').focus(function (){
  $(this).parent('.box').find('.popup').css('display','block');
});

score 2 · Accepted Answer

prev()メソッドを使用できます。一致した要素の前の兄弟を返します。

$("div.box select").focus(function() {
    $(this).prev().css("display", "block");
});

編集:popupマークアップ構造が異なる可能性があり、クラスに一致させたい場合は、代わりにprevAll()を使用します。

$("div.box select").focus(function() {
    $(this).prevAll(".popup").css("display", "block");
});

score 0 · Accepted Answer

これを試して

$('div.box select').focus(function (){
 $(this).closest('div').find('.popup').show();
});

3 に答える 3