0

ページに「インラインブロック」で表示される div がいくつかあります。それらは、カテゴリ 1 の 4 つの div (すべて class .category1 を持つ)、カテゴリ 2 の 3 つの div (すべて class .category2 を持つ)、およびカテゴリ 3 の 5 つの div (すべて class .category3 を持つ) などのカテゴリにグループ化されます。また、すべてのカテゴリへのリンクもあります。私がやろうとしているのは、リンクをクリックすると、そのカテゴリの div がすべて「リスト」の先頭に移動するということです....別のカテゴリのリンクをクリックし続けると、同じようになります。

これまでのところ、div がどこからでも消えるようにしましたが、リストの先頭に再び表示するにはどうすればよいですか?

$('li.menu_category1').click(function(){
$('.category1').css("display","none");
});
4

2 に答える 2

1

prepend()jQuery関数を使用できるはずです。

$('li.menu_category1').click(function(){
    $('.category1').parent().prepend($('.category1'));
});

prepend()append()既存の要素を移動します。

あなたもこのコードを改善できるはずですが、私はあなたのコードと html をもっと知らなければできません。

于 2013-09-24T14:45:44.073 に答える
1

http://jsfiddle.net/kasperfish/p68pH/2/

$(function() {

    $('.btn').click(function(){

        c=$(this).html();
        $('.'+c).prependTo('body');


    });

});



<span class="btn">blue</span><span class="btn">green</span><span class="btn">yellow</span>
<div class="blue"></div>
<div class="blue"></div>
<div class="blue"></div>

<div class="green"></div>
<div class="green"></div>
<div class="green"></div>

<div class="yellow"></div>
<div class="yellow"></div>
<div class="yellow"></div>
于 2013-09-24T15:07:47.497 に答える