如何从已经检索的jquery对象中获取和修改特定元素？

Question

我有以下要转换的html字符串：

<ul class="errorlist"><li>myfield<ul class="errorlist"><li>My Error.</li></ul></li></ul>

我相信我将html转换为这样的jquery对象：

errorUL = $(<ul class="errorlist"><li>myfield<ul class="errorlist"><li>My Error.</li></ul></li></ul>)

我想在第一个UL中添加一个id。如何获取此元素并为其添加ID？

Answer 1

使用链接：

var $ul = $('<ul class="errorlist"><li>myfield<ul class="errorlist"><li>My Error.</li></ul></li></ul>')
.attr('id','newID');

确保在将字符串传递给jQuery对象（$）

时将其包装在引号中

Answer 2

如果你只需要在标记的第一个ul中添加一个id，你就不需要“将HTML转换为jQuery对象” - 你可以只使用jQuery选择器来创建一个jQuery对象可以操纵原始的DOM对象

在HTML标记中使用此选项：

<ul class="errorlist"><li>myfield<ul class="errorlist"><li>My Error.</li></ul></li></ul>

你只需要这个JS：

$('ul.errorlist').first().attr('id', 'theID');

'ul.errorlist'选择器将所有ul标记与errorlist类匹配，并返回带有两个DOM元素对象的jQuery集合。 first（）函数返回匹配集合中的第一个对象，您可以将attr（）函数链接到该对象以设置id属性的值（在上面的示例中，将其设置为“theID”）。

Answer 3

$("ul:first").attr({id:"your id"});

上面的代码可以帮助您获取第一个ul元素并在其上指定id。