如何在此列表中选择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);
 });

Answer 1

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

您可以使用.find ^[docs]来搜索任何后代：

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

Answer 2

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

Answer 3

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

Answer 4

这将为你做到：

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

Answer 5

问题是$(this).children("i")没有返回任何内容，请将其替换为$('i', this)

Answer 6

试试这个

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

演示：http://jsfiddle.net/y6nP7/