jquery - 特定のタグからクラスを割り当てる

Question

以下のコードを変更して、各 < li class=" "> に最初の 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>

Answer 1

試す

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

デモ:フィドル