Jquery 从特定标记分配类

是否可以修改下面的代码，使每个

都有一个包含第一个span标记文本的类

    $("#tabs-2").one("click", function(){
    var x = $("#people span:first").text();
    $("#drinks li").addClass(x);
    });


   <ul id="people">
        <li id="singer">
            <span class="0">1</span>
            <span class="1">jane doe</span>
            <span class="2">F</span>
            </li>

        <li id="singer">
            <span class="0">2</span>
            <span class="1">john doe</span>
            <span class="2">m</span>
            </li>
        </ul>

$（“#tabs-2”）。一个（“单击”，函数（）{
var x=$（“#人员跨度：第一”）.text（）；
元("饮品").addClass(x);；
});


1.
无名氏
F


2.
无名氏
M

试试看

---

演示：

注意：您有多个元素具有相同的id

签名者

，id必须是唯一的

$('#people').children().addClass(function(){
    return $(this).find('span:first').text()
})