0

こんにちは、ユーザーが何かを投稿できるサイトを作成しています。携帯電話で使用できるようにメディアクエリを使用したいのですが、レイアウトを変更するには、いくつかの div タグを切り替える必要があります。

メディアクエリcssはjquery関数insertBeforeを使用してdivレイアウトを変更できないため

div 3 を div 1 の前に移動したい

これは私の試みでしたhttp://jsfiddle.net/PnUTX/

$(function() {
    $(".three").insertBefore(".one");
});

残念ながら、それは私が望んでいるものではなく、この結果が欲しいhttp://jsfiddle.net/Bvdby/

解決策を探してみましたが、$(this) を使用して表示/非表示を切り替える場所しか見つかりませんでしたが、特定の div クラスではなくすべてのクラスを選択しています

助けてくれてありがとう

4

2 に答える 2

0

これを試して

http://jsfiddle.net/PnUTX/4/

$(function() {
    $(".box").each(function(){
        var this_box=$(this);
        this_box.find('.one').before( this_box.find('.three'));
    });
});
于 2013-06-29T05:18:04.277 に答える
0

これを試して

$(function() {
    $(".three").each(function() {
        $(this).insertBefore($(this).siblings(".one"));
    });
});

3 つの要素が一致.oneし、.threeセレクターとして。3 つの要素すべてが 3 つの.three要素すべての前に挿入され.oneます。（早口言葉 ;-））

于 2013-06-29T05:19:58.883 に答える