jquery의 div 안에있는 텍스트 항목에 클래스 추가하기

Question

개별 이름을 포함하는 div 'usercontainer'가 있습니다. 나중에 hover 및 onlclick 함수를 추가 할 수 있도록 이러한 이름에 클래스를 추가하려고합니다. 아래 메서드를 사용하고 있지만 각 개별 이름에 'namecontainerclass'를 추가하지 않고 단순히 전체 div에 추가하므로 하나의 이름 위로 마우스를 가져 가면 전체 div가 색상을 변경합니다.

jQuery 코드 :

function display(userArray) { 

for(i=0; i<userArray.length; i++) 
{ 
    $('#usercontainer').append(userArray[i].name +'</br>').addClass('namecontainerclass'); 
} 

}; 

Answer 1

$('#usercontainer') 
    .append($('<div>') 
     .text(userArray[i].name) 
     .addClass('namecontainerclass')); 

Answer 2

function display(userArray) { 
    $.each(userArray, function(i,txt) { 
     $('#usercontainer').append(
      $('<div />', {text: txt, 'class': 'namecontainerclass'}) 
     ); 
    }); 
});