欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery遍歷賦值給數組

錢浩然1年前5瀏覽0評論

在前端開發中,經常會使用到jQuery來進行DOM操作。當需要遍歷一段DOM節點并將其中的內容賦值給數組的時候,jQuery提供了非常方便的方法。

// 例如,有一段HTML代碼如下:
<ul class="list">
<li>蘋果</li>
<li>香蕉</li>
<li>橙子</li>
</ul>
// 使用jQuery遍歷并存儲到數組中
var arr = [];
$('.list li').each(function(){
arr.push($(this).text());
});
// 輸出數組
console.log(arr);

上述代碼中,首先先定義一個空數組arr,然后通過jQuery的each()方法遍歷所有class為list的ul節點中的所有li節點,并將每個li節點內的文本內容添加到數組arr中。

需要注意的是,each()方法的參數是一個匿名函數,其中this表示當前遍歷的DOM節點,而$(this)則用于將其封裝為jQuery對象,從而可以使用jQuery的方法。在這里使用$(this).text()的方式來獲取每個li節點內的文本內容。

最后,將存儲有節點文本內容的數組arr輸出到控制臺上。

通過這種方法,我們可以非常方便地將DOM節點中的內容遍歷并存儲到數組中,便于后續對其進行操作。