-3

ボタンをクリックすると、すべてが非表示になります<div.main>(それぞれ 6 が同時に非表示になります)。

HTML:

<body>
    <div class="container">
        <button>Hide</button><br />
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
        <div class="main"><img src="http://fc08.deviantart.net/fs46/f/2009/230/a/4/Spongebob_10_150x150_PNG_by_somemilk.png" /></div>
    </div>
</body>

CSS:

.container {
    width: 900px;
}
.main {
    float: left;
    width: 150px;
}

http://jsfiddle.net/XGkAt/

そこに着く方法？

4

3 に答える 3

3

できるよ：

$("button").click(function() {
    $(this).parent().find('div.main').hide();
});

おそらく、ID またはクラスをボタンに追加する必要があります。現在、これbuttonはクリックされたときにいつでも起動します。

デモ: http://jsfiddle.net/XGkAt/1/

于 2013-06-28T14:25:38.393 に答える
1 
$(your button).on('click', function() {
    $(this).parent().children('div.main').hide();
});

うまくいくかもしれません。

于 2013-06-28T14:25:46.683 に答える
0

質問に6が記載されています。一度に6つ削除したい場合は、次のようにしてください（確かに大まかな方法​​で）：

$(".container button").click(function() {
    for (var i = 0; i < 6; i++) {
        $("div.main:visible").first().hide(); 
    }
});

元の jsFiddle には含まれていなかった jQuery が明らかに必要になります。

于 2013-06-28T14:34:48.163 に答える