Question

我的网站有2个布局，一个是listview，另一个是gridview。我在点击图标时更改布局。 listview部分工作正常但是对于gridview，它使得父tr style =“display：block”但是在tr-＆gt; td-＆gt; 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();

无论等级如何，都会找到所有后代。

jquery更改父显示：block，不更改子显示

1 个答案: