1

私のウェブサイトには2つのレイアウトがあります。1つはリストビューで、もう1つはグリッドビューです。アイコンをクリックしてレイアウトを変更しています。リストビュー部分は正常に機能していますが、グリッドビューの場合、親tr style = "display：block"になりますが、内部では、tr-> td->divタグスタイルは="display：none"です。

divタグのクラスを直接使用し、jqueryのchildrenプロパティを使用して変更しようとしましたが、Iiがまったく機能していません。

jqueryコードは次のとおりです。

 function changeLayout(layout)
{
    if(layout=='list')
    {
        $(".showGrid").hide();
        $(".showList").show();      
    }
    else if(layout=='grid')
    {
        $(".showGrid").show();
        $(".showList").hide();      
        $(".showgridview").children("div").show();
    }
}

チェックアウトする必要がある場合は、ここにもWebサイトがあります。

http://www.cityeveryday.com/frontend/deals/index/all/all

ありがとう

4

1 に答える 1

0

私があなたを誤解していない限り...


次のコードは、選択した要素の直接の子に のみ影響します

$(".showgridview").children("div").show();


必要なのは.find()-http ://api.jquery.com/find/

$(".showgridview").find("div").show();

これにより、レベルに関係なくすべての子孫が検索されます。

于 2012-08-01T14:06:54.443 に答える