使用 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 隐藏 li。请帮忙。

谢谢

Answer 1

根据 HTML 规范，您不能id属性以数字开头。

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

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

在您的情况下，您应该更改id然后您可以简单地隐藏它：

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

Answer 2

试试这段代码：

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

Answer 3

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

这会隐藏div 中的所有 lis。

Answer 4

使用 jQuery filter。

var tlen = $("#TabStrip_3 ul.t-reset li").length;
$("#TabStrip_3 ul.t-reset li").filter(function(index){
 return tlen-index < 4;
}).hide();​

Answer 5

由于您只需要隐藏 id 为 '3' 的列表，因此您可以使用 jquery .hide（）。

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

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