jquery - jQuery addClass 到一个标签问题

Question

我的 html 代码中有这个：

<ul id="navlist"
<li id="tabItem1"><a href="#">Item one</a></li>
<li id="tabItem2"><a href="#">Item two</a></li>
<li id="tabItem3"><a href="#">Item three</a></li>
<li id="tabItem4"><a href="#">Item four</a></li>
</ul>

我想用 jquery 向 a 元素添加一个类，如下所示：（它不工作）

var currentTab = 1;

$(document).ready(function()
{        
  $("li#tabItem" + currentTab + ":has(a)").addClass("navlistHover");
  //console.log("li#tabItem" + currentTab + ":has(a)");
});

当 a 删除 a 元素并像下一个示例一样执行此操作时，则没有问题。

$("li#tabItem" + currentTab).addClass("navlistHover");

---

我试过以下代码：

$('navlist li#tabItem' + currentTab + ' a').addClass('navlistHover');

但它不起作用，很奇怪

Answer 1

尝试这个：

$('navlist li#tabItem' + currentTab + ' a').addClass('navlistHover');

:has()选择器选择以该a元素为子元素的项目：

http://docs.jquery.com/Selectors/has

Answer 2

如果您添加 html 结束标记

<ul id="navlist">