最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

jquery遍历div标签子元素的方法讲解

JS/CSS 太平洋学习网 浏览 评论

 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);
});

输出的结果当然就是龟儿子了,不会输出铁蛋的。

 

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/js_css/2017/0915/220.html

    与本文相关的文章

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)

    网友最新评论