jQuery 筛选器 链式编程操作

$(this).prev() 上一个标签

$(this).next()   下一个标签

$(this).parent() 所有父亲标签

$(this).parents() 父亲标签

$(this).children()  所有儿子标签，不包括孙

$(this).siblings()  取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合，但不包括自己（即所有兄弟标签）。可以用可选的表达式进行筛选

　　$("div").siblings(".selected") 找到每个div的所有同辈元素中带有类名为selected的元素。

$(this).find('#i1') 查找当前标签的所有子子孙孙标签中，包含id为i1的标签。

jQuery是支持链式编程的语言，就是在一行了，即设置了值，还能返回当前对象，继续操作，如下：

$('#i1').addClass('hide').parent().find('.c3').text('442')  找出id为i1的标签，设置上hide样式，并且在这个标签下查找样式为c3的标签，并设置内容为442；

<div>
    <div>
        <div><a>1</a></div>
        <div id="i1">
            <a>
               <p>1</p>
            </a>
        </div>
        <div><a class="c3">3</a></div>
        <div><a>4</a></div>
    </div>
</div>
<script src="jquery-3.3.1.js"></script>
<script type="application/javascript">
    console.log($('#i1').addClass('hide').parent().find('.c3').text('442'));
</script>

扫描二维码关注公众号，回复： 2801070 查看本文章