Назначение класса из определенного тега

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

Demo: Fiddle