2

私は次のようないくつかの基本的なコードで切り替えている同様のdivのセットを持っています:

 $(".field-group-format-toggler-abstract").click(function()
            {
        $(".field-group-format-wrapper").toggle();
   });

私が抱えている問題は、「+」をトリガーすると、それに最も近い関連するdivのみを切り替えたい場合に、同じクラスの他のすべてのdivが切り替えられること.field-group-format-wrapperです。.nextと.closestを試しましたが、ロックされているように見えますが、まだ機能しません。たとえば、構文エラーは発生しません。

$(".field-group-format-toggler-abstract").click(function()
                {
            $(".field-group-format-wrapper").closest().toggle();
       });

ここで動作するバージョンを作成しましたが、上記のように.closestを追加すると、動作しなくなります。

http://jsfiddle.net/LHguJ/5/

**注意:私は何が入っているかを表示/非表示にしたいだけなfield-group-format-wrapperので、「タイトル」は展開されているかどうかを表示する必要があります。

4

4 に答える 4

5

あなたが欲しいのはsiblings()です。これを使用して、クリックされた要素を参照します。あなたは最も近い()「親」 を探す最も近いを使用していました。

$(".field-group-format-toggler-abstract").click(function() {
    $(this).siblings(".field-group-format-wrapper").toggle();
});​

http://jsfiddle.net/LHguJ/11/

于 2012-08-06T16:42:18.727 に答える
1

nextAll()次のように使用できます。

jsフィドル

$(".field-group-format-toggler-abstract").click(function(){
    $(this).nextAll(".field-group-format-wrapper").toggle();
});
于 2012-08-06T16:45:19.597 に答える
1

使ってみて$(this).parent().find(".field-group-format-wrapper")

$(".field-group-format-toggler-abstract").click(function() {
    $(this).parent().find(".field-group-format-wrapper").toggle();
});

http://jsfiddle.net/LHguJ/12/

またはsiblings:

$(".field-group-format-toggler-abstract").click(function() {
    $(this).siblings(".field-group-format-wrapper").toggle();
});

http://jsfiddle.net/LHguJ/13/

于 2012-08-06T16:50:16.923 に答える
0

jQuery

$(".field-group-format-toggler-abstract").click(function(){
    $(this).siblings(".field-group-format-wrapper").toggle();
    $(this).html( $(this).html() == '+' ? '–' : '+');
});​

http://jsfiddle.net/iambriansreed/JLj2X/

于 2012-08-06T16:41:49.460 に答える