jq遍历子元素_jQuery 遍历子元素 遍历所有子元素

1. 遍历子元素(遍历所有body下的div元素)：

$('body >div').each(function(index){ });

2. 遍历子元素(遍历所有body下的div子元素)：

$('body div').each(function(index){ })

3.  案例代码

JavaScript解析JSON

我是body

21

22

31

32

41

42

$(document).ready(function (){

findBody();

//divList();

subDivList();

});

// 获取body属性

function findBody(){

var body = $('body');

// 打印body下的html

alert(body.html());

// 转换成javascript对象

var body = body[0];

alert(body.innerHTML);

}

// 遍历所有body下的div元素

function divList(){

$('body div').each(function(index){

// alert(this + " " + index);

// 打印DIV的id属性

// alert($(this).attr('id'));

});

}

// 遍历所有body下的div子元素

function subDivList(){

$('body >div').each(function(index){

// alert(this + " " + index);

// 打印DIV的id属性

// alert($(this).attr('id'));

});

}