jquery遍历div标签子元素的方法很简单,下面将用两个案例来教会你遍历div标签的子元素,学会了这个,遍历<tr><td>标签都是一样的,举一反三吧!
案例一:遍历div标签的子元素,html代码如下。
<body> <div id="baba"> <div>铁蛋1</div> <div>铁蛋2</div> <div>铁蛋3</div> </div> </body>
使用jquery id选择器,然后用.each方法来遍历div标签子元素,如下。
$("#baba div").each(function (i,obj) { var divText = $(obj).text(); //obj代表子元素div对象 alert(divText); });
$("#baba div")这样选择元素就可以了,输出结果为铁蛋1,铁蛋2,铁蛋3。
案例二:遍历div标签子元素的子元素span,获取里面的text文本内容,方法也是很简单的,html代码如下。
<div id="baba"> <div>铁蛋1<span>龟儿子1</span></div> <div>铁蛋2<span>龟儿子2</span></div> <div>铁蛋3<span>龟儿子3</span></div> </div> </body>
jquery代码如下。
$("#baba div span").each(function (i,obj) { var divText = $(obj).text(); //这时的obj代表子元素span对象 alert(divText); });
输出的结果当然就是龟儿子了,不会输出铁蛋的。