使用jQuery设置HTML元素的名称

Question

以下是一些导致无法为一组li标签中的每个li设置类的代码：

＆＃13;

＆＃13;

function pathContents(fileList)
{
	var $list = $('<ul/>');
    $.each(fileList, function (_, file) {
		$('<li/>').prop('class', 'test123');
		$('<li/>').text(file).appendTo($list);
    });
    return $list;
}

＆＃13;

＆＃13;

＆＃13;

当我在Firefox中打开Inspector时，右键单击其中一个，然后选择显示DOM属性＆＃39; className属性显示空字符串：

由于类test333有一个CSS规则，它说字体为蓝色，而字体仍然是黑色，因此这行代码似乎没有分配一类＆＃39; test123＆＃39;到li标签。我也试过$('<li/>').attr('class', 'test123');，它给出了与尝试使用.prop（）时完全相同的结果。为什么这些不起作用？

Answer 1

您应该尝试使用addClass()代替prop()

https://api.jquery.com/addclass/

您正在创建两个不同的列表项，只附加其中一个。

$('<li/>').prop('class', 'test123');
$('<li/>').text(file).appendTo($list);

您可以保存试用

$('<li/>').addClass('test123').text(file).appendTo(list);

Answer 2

试试这个：

＆＃13;

＆＃13;

function pathContents(fileList)
{
	var $list = $('ul');
    $.each(fileList, function (_, file) {
		$('li').addClass('test123').text(file).appendTo($list);
    });
    return $list;
}

＆＃13;

＆＃13;

＆＃13;