0

我试图使用 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。请为此提供帮助。

谢谢，

4

5 回答 5

1

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

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

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

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

$('#my-li-id').hide()
于 2012-10-08T12:28:00.320 回答
0

试试这个代码： 

$(document).ready(function () {
    $('#3').hide();
});
于 2012-10-08T12:21:24.200 回答
0

使用 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();​
于 2012-10-08T12:21:33.333 回答
0 
$('#TabStrip_3 li').hide()​

这隐藏了 div 中的所有 lis。

于 2012-10-08T12:24:21.367 回答
0

由于您只需要隐藏 id 为“3”的列表，您可以使用 jquery .hide()。

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

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

于 2012-10-08T12:47:28.967 回答