jQuery中的each()方法用于指定为每个匹配元素运行的函数。返回false可用于及早停止循环,相当于break;返回true可以结束本次循环,相当于continue。
语法:
$(selector).each(function(index, element))
参数:each方法接受单参数function(index, element),这是必需的参数,不可省略。它用于为每个匹配的元素运行,包含两个参数。
● index:它保存选择器元素的索引位置。
● element:它包含当前元素。
示例:使用each()方法显示每个段落元素
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body style="text-align:center;"> <h2>jQuery each()方法</h2> <button>Click</button> <p>Hello M!</p> <p>Hello Y!</p> <p>Hello C!</p> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("p").each(function() { alert($(this).text()) }); }); }); </script> </body> </html>
网友评论文明上网理性发言 已有0人参与
发表评论: