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 
$('#TabStrip_3 li').hide()​

これにより、div 内のすべての lis が非表示になります。

于 2012-10-08T12:24:21.367 に答える
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

ID '3' のリストのみを非表示にする必要があるため、 jquery . hide()を使用できます。

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

フィドル リンク: http://jsfiddle.net/j5wAp/

于 2012-10-08T12:47:28.967 に答える