jquery - 如何从已检索到的 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 类匹配，并返回一个 jQuery 集合，其中包含两个 DOM 元素的对象。first() 函数返回匹配集合中的第一个对象，您可以将 attr() 函数链接到该对象以设置 id 属性的值（在上面的示例中，将其设置为“theID”）。

Answer 3

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

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