[WordPress] jQuery の表示とイベントの問題を非表示

スポンサーリンク

Question

次構造を持ついくつかの html 要素をある


任意の入力をクリックしてください .show その隣接する

がそれはすべての div はトリガー

が任意の入力フィールド、その隣接する

のみクリックとなる設定を表示するようにしたいし、他のすべてを非表示

私がこれまで持っている jQuery コードのとおりです:


の答え

問題は同じレベルにある、指定された HTML のすべての要素から

.siblings('div')

への呼び出しはすべての div に適用されます

この構造を変更するたくない場合は、

.next()

を使用して

たとえば:


答え

.siblings()

に影響を与えるすべての div を入力ボックスのコンテキストは、だから jquery の

.next()

を使用して

$('body').on('click', '.test', function () {
       $("div.test").hide();    
       $(this).fadeIn('medium').next("div").show();

 });

バイオリン

の答え

sibiling はこのクラスの「テスト」を持つ div のすべてに影響を与えるすべての div と同じクラス”test”を持っているので

$('body').on('click', '.test', function () {
 $("div.test").hide();
 $(this).fadeIn('medium').next("div").show();  
});

http://jsfiddle.net/rwjzfhLy/

http://stackoverflow.com/questions/27687797/jquery-show-and-hide-events-issue

スポンサーリンク

Leave a Reply