javascript - 获取所选项目的类属性

Question

在下面的 HTML 中，当我单击任何列表项时，我想向其添加一个类 .active。 之后，当我单击链接时，我想获取 li 的类(不包括 .active)。

例如，通过单击第一个 li，它应该向其添加 .active 类，通过单击链接，它应该获得类 one。

我可以向其中添加类，但无法通过单击链接获取附加的类值。

HTML:

<ul>
    <li class="one">One</li>
    <li class="two">Two</li>
    <li class="three">Three</li>    
</ul>

<a href="#" class="select">Check Selected </a>

jQuery:

$(document).on('click','ul li',function(e){
        $('ul li').removeClass('active');
        $(this).addClass("active");
    });

$(document).on('click','.select',function(e){
       var abc = $('ul li.active').attr('class');
         alert('Selected li class is ' + abc);    
    });

演示: http://jsfiddle.net/n9awc/

感谢您的帮助。

Answer 1

使用.split()

alert($('ul li.active').attr('class').split(' ')[0]);

Demo

在这里，我用空格分割字符串，然后使用 [0] 返回第一个索引值。