如何從已檢索的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>) 

我想一個ID添加到第一UL。我如何獲得這個元素並添加一個id到它？

Answer 1

使用鏈接：當你把它們傳遞給jQuery對象

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

確保你包串在引號（$）

Answer 2

如果你只需要一個ID在添加到第一UL你標記，你不需要「將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。