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

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

JS/CSS admin 0浏览 评论

 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/334.html
"文章很值,打赏犒劳作者一下"
微信号: Javaweb_engineer

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

与本文相关的文章

发表我的评论
取消评论

表情

您的回复是我们的动力!

  • 昵称 (必填)

网友最新评论