jQuery是一種流行的JavaScript庫,它帶來了許多便利的功能。其中之一就是遍歷數組并創建節點。在本文中,我們將介紹如何使用jQuery來完成該過程。
var colors = ["red", "green", "blue"]; $.each(colors, function(index, value) { var listItem = $("<li></li>"); listItem.css("background-color", value); $(".list").append(listItem); });
這段代碼的作用是:以“colors”數組為例。在每個顏色上執行循環,并創建一個新的列表項(<li>
)。然后將該項附加到存儲在變量“list”的類為“list”的元素中。 在此示例中,我們只是更改背景顏色。在實際應用中,可以根據需要添加任意HTML。此過程可用于動態地構建內容,使用數值、數據庫查詢結果或任何以數組形式提供的數據。