阅读量:0
在动态内容中使用 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() 方法对它们进行操作，从而实现动态内容的处理。
