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 要素を削除して次の例のようにすれば問題ありません。

$("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">