jquery - 在jquery中将类添加到div中的文本项

Question

我有一个包含个人名称的 div 'usercontainer'。我想为这些名称添加一个类，以便稍后可以添加悬停和单击功能。我正在使用下面的方法，但它不会将“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'})
        );
    });
});