특정 태그의 클래스 할당

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() 
}) 

데모를보십시오 : Fiddle