0

私はJqueryを初めて使用し、プログラムで子divを選択しようとすると問題が発生します。ポイントは、jquery 関数を起動するボタンを用意することです。この関数は、ボタンがある場所からすべての子 div を取得して非表示にすることを目的としています。これが私のjqueryコードです：

$(".button").click(function () {
    $(this).children('div').fadeToggle("fast", function () {
    });
});

私のhtmlはとてもシンプルです。div 内の div と 2 番目の div 内には、さらに 2 つの div があります。

<div class="clients>
    <input type="button" class="button" id="button" value="Hide Sites" autopostback="false"/>
    <div class="websites>
        <div class="urls"></div>
        <div class="data"></div>
    </div>
</div>

しかし、これは機能していません。jquery.next と兄弟を使用してみましたが、これらも機能しませんでした。Jquery.closest は上を見て、コンテナー div (クライアント) を見つけましたが、これも必要なものではありませんでした。みんな助けて？ありがとう

4

3 に答える 3

3

closing quote missingここclass="clientsとここでhtml が壊れており、 children( )の代わりにnext()class="websites を使用する必要があります。

ライブデモ

<div class="clients">
    <input type="button" class="button" id="button" value="Hide Sites" autopostback="false"/>
    <div class="websites">
        <div class="urls">1</div>
        <div class="data">2</div>
    </div>
</div>​

$(".button").click(function () {
    $(this).next('div').fadeToggle("fast", function () {
    });
});
于 2012-11-28T09:32:55.043 に答える
1

この形式を試してください

$('.clients').on('click', $('.button'), function(){

});
于 2012-11-28T09:34:26.177 に答える
0

jquery.siblings を使用して解決しました:

$(".button").click(function () {
    $(this).siblings('div').fadeToggle("fast", function () {
    });
});

以前に兄弟を試したことがありますが、現在は機能しているため、エラーが発生したと思います。皆さん、ありがとうございました！

于 2012-11-28T15:51:16.140 に答える