each方法

来源：互联网发布：一键转发朋友圈源码编辑：程序博客网时间：2024/06/11 07:49

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<scriptsrc="js/jquery-2.1.3.min.js"type="text/javascript" charset="utf-8"></script>

<scripttype="text/javascript">

// each()方法

$(document).ready(function(){

// html()方法返回被选元素的内容是只返回匹配的第一个元素的内容

// text()方法返回所有匹配的元素的内容

// $("button").click(function(){

// alert($("p").text());

// })

$("button").click(function(){

// alert($("p").html());

// for循环来遍历所有的p元素，方法使用html()

// for (var i = 0;i < $("p").length;i++) {

// alert($("p").eq(i).html());

// }

// 通过each()方法为每个匹配元素规定运行的函数，index选择器匹配的下标，elem是当前元素(因为是当前元素，所以也可以使用this)

// $("p").each(function(index,elem){

/// alert($(elem).html());

// })

$("p").each(function(){

alert($(this).html());

})

</script>

</head>

<body>

<button>Change xontent of all p elements</button>

<p>这是para1</p>

<p>这是para2</p>

</body>

</html>

0 0