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

find选择器使用示例|jquery教程

JS/CSS admin 浏览 评论

 find选择器在jquery中用于选择指定元素下面的所有子元素,返回的是标签数组object对象,下面是find选择器使用示例。

html部分代码

<div id="test">
    <ul>
        <li>list item 1</li>
        <li>list item 2</li>
        <li>list item 3</li>
    </ul>
</div>
<ul>
    <li>div test外面的元素</li>
</ul>

jquery find选择器使用格式

$(elem).find(elem);

jquery完整代码如下。

<script>
    //返回li数组对象,并遍历
    var liArrObj =  $("#test").find("li");
    $(liArrObj).each(function (i,obj) {
        //输出所有li文本
        var txt = $(obj).text();
        alert(txt);
    });
</script>

运行结果:输出div下面的所有子元素li文本内容“list item 1/2/3”,并不会输出字符串“div test外面的元素”

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