php - jquery改变父显示：块，不改变子显示

Question

我的网站有两种布局，一种是列表视图，另一种是网格视图。我正在更改单击图标的布局。listview 部分工作正常，但对于 gridview，它使父级 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();
    }
}

这里也是网站，如果您需要查看。

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

谢谢

Answer 1

除非我误会你...

以下代码只会影响所选元素的直接子元素

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

你想要的是.find()- http://api.jquery.com/find/

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

这将找到所有后代，无论级别如何。