<分区>
标签 javascript jquery css
<分区>
我有以下 HTML 和 JS
<div class = "tab-menu">
<ul class = "tabs">
<a><li>List item 1</li></a>
<a><li>List item 2</li></a>
<a><li>List item 3</li></a>
</ul>
</div>
列表项位于 a 标签中，因此整个列表项都是可点击的。在特定条件下，我尝试使用 jQuery 隐藏某些列表项。在我将它们全部包裹在标签中之前它工作正常，但现在我无法让它们隐藏。
jQuery(".tab-menu .tabs > li:nth-child(3)").hide();
我已经尝试了所有我能想到的变体来让 JS 识别它需要隐藏的列表项，但我找不到它。我能得到一些见解吗？
最佳答案
你不能有 <li>里面的标签 <a>标签。
尝试这样做
<ul>
<li><a href="">List item 1</a></li>
<li><a href="">List item 2</a></li>
<li><a href="">List item 3</a></li>
</ul>
如果你想让链接像 block 元素一样，添加下面的css
a {
display: block;
}
关于javascript - 将第 n 个 child 隐藏在链接标签中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28633500/