使用Jquery隱藏ul列表下的列表

Question

我試圖隱藏使用Jquery的HTML列表。請告訴我，我做錯了的建議。

這是渲染代碼：

<div id="TabStrip_3" class="t-widget t-tabstrip t-header"> 
    <ul class="t-reset t-tabstrip-items"> 
     <li class="t-item t-state-default t-state-active"> 
      <a class="t-link" href="#TabStrip_3-1">Details</a> 
     </li> 
     <li id="3" class="t-item t-state-default"> 
      <a class="t-link" href="/Acquisition/PoDetails/Create/3">Create New Detail</a> 
     </li> 
    </ul> 
</div> 

我需要使用ID隱藏裏。請爲此提供幫助。

感謝，

Answer 1

根據HTML spec您不能啓動id屬性與數字。

要隱藏所有li下，特定元素的使用：

$('#TabStrip_3').find('li').hide()​ 

你的情況，你應該改變你的id然後你可以簡單地將其隱藏：

$('#my-li-id').hide() 

Answer 2

試試這個代碼：

$(document).ready(function() { 
    $('#3').hide(); 
}); 

Answer 3

使用jQuery過濾器。 jsfiddle

var tlen = $("#TabStrip_3 ul.t-reset li").length; 
$("#TabStrip_3 ul.t-reset li").filter(function(index){ 

return tlen-index < 4; 
}).hide();​ 

Answer 4

$('#TabStrip_3 li').hide()​ 

這個隱藏在div所有LIS。

Answer 5

當你只需要隱藏列表與id'3'，你可以使用jQuery .hide()。

$('#3').hide();​ 

小提琴鏈接：http://jsfiddle.net/j5wAp/