jquery - jqueryのdiv内のテキスト項目にクラスを追加する

Question

個々の名前を含む div 'usercontainer' があります。これらの名前にクラスを追加して、後で hover および onlclick 関数を追加できるようにしたいと考えています。以下の方法を使用していますが、それは個々の名前に「namecontainerclass」を追加するのではなく、単に div 全体に追加するだけなので、1 つの名前にカーソルを合わせると、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'})
        );
    });
});