在動態內容中使用 jQuery 的 .each()
方法可以讓你遍歷集合中的每個元素并對其進行操作。這在處理動態生成的內容或者需要處理多個元素時非常有用。
例如,如果你有一個包含多個元素的列表,并且想要為每個元素添加一個點擊事件處理程序,你可以這樣做:
<!DOCTYPE html>
<html>
<head>
<title>Dynamic Content Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<ul id="myList">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<script>
$(document).ready(function() {
$('#myList li').each(function() {
$(this).click(function() {
alert($(this).text());
});
});
});
</script>
</body>
</html>
在這個例子中,我們首先選擇了包含在 #myList
元素中的每個 <li>
元素,然后使用 .each()
方法遍歷每個元素并為每個元素添加了一個點擊事件處理程序,當點擊任何一個元素時,會彈出一個包含該元素文本內容的警告框。
這樣,無論列表中有多少個元素,都可以使用 .each()
方法對它們進行操作,從而實現動態內容的處理。