jquery - 如何在此列表中选择 i 元素的类？

Question

我需要使用 jquery 在此列表项中选择元素的类

列表项在这里：-

<li><a href="#" title="general news"><i class="icon-rss"></i> news</a></li>

我试过了，但不高兴，它说未定义：-

 $(".btn-group li").click(function () {
    var className = $(this).children("i").attr('class');
    alert(className);
 });

score 6 · Accepted Answer

i不是元素的子li元素，它是元素的子a元素，因此$(this).children("i")返回一个空集。

您可以改用.find ^[docs]，它将搜索任何后代：

$(this).find('i').attr('class');

score 1 · Accepted Answer

1

 $(this).find("i").attr('class');

于 2013-02-08T18:29:20.047 回答

score 0 · Accepted Answer

0

$(this).find("i").attr('class')

于 2013-02-08T18:29:54.903 回答

score 0 · Accepted Answer

这将为您完成：

 $(".btn-group li").click(function () {
   $(this).find('i').attr('class');
 });

score 0 · Accepted Answer

0

问题是它$(this).children("i")不返回任何东西，将其替换为$('i', this)

于 2013-02-08T18:32:47.393 回答

score 0 · Accepted Answer

试试这个

$('li').click(function(){
  var className = $(this).find('i').attr('class')
  alert('className is: ' + className)
});

6 回答 6