jquery更改父顯示：塊，不會改變子顯示

Question

我在我的網站有2個佈局，一個是listview，另一個是gridview。我正在更改點擊圖標的佈局。 listview部分工作正常，但對於gridview，它使父tr樣式=「顯示：塊」，但在裏面，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(); 

這會發現所有後代不分級別。