Jquery获取子类，同级类第几个元素

最新推荐文章于 2021-05-27 14:37:09 发布

无盐海

最新推荐文章于 2021-05-27 14:37:09 发布

阅读量4.7k

点赞数 2

分类专栏： JQuery

本文链接：https://blog.csdn.net/Fanbin168/article/details/104548188

版权

JQuery 专栏收录该内容

53 篇文章 0 订阅

订阅专栏

$('.test').parent();//父节点
$('.test').parents();//全部父节点
$('.test').parents('.test1');//含有类名.test1的父节点
$('.test').children();//全部子节点
$('.test').children('li');//元素为li的全部子节点
$('.test').prev();//上一个兄弟节点
$('.test').prevAll();//之前所有兄弟节点
$('.test').next();//下一个兄弟节点
$('.test').nextAll();//之后所有兄弟节点
$('.test').siblings();//所有兄弟节点
$('.test').siblings('.test1');//含有类名.test1的所有兄弟节点
$('.test').find('.test1');//返回被选元素含有类名为.test1的所有后代元素；（返回全部用 * ，多个参数用，隔开）
$('.test').contents();//返回元素里面所有内容，包括文本和节点
$('.test').contents('.test1');

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="~/lib/jquery/dist/jquery.js"></script>
</head>
<body>
    <div id="par">
        <div id="test1">test1</div>
        <div id="test2">
            <div id="test3">test3</div>
            <div id="test3_1">
                test3_2
                <input type="text" class="my-1" value="AA" />
                <input type="text" class="my-2" value="BB" />
            </div>
            <div id="test3_2">test3_3</div>
        </div>
        <div id="test4">test4</div>
        <div id="test5">test5</div>
        <div id="test6">test6</div>
    </div>
</body>
</html>
<script type="text/javascript">
    $(function () {
        //siblings()表示获取$("#test2")元素的所有兄弟节点，
        //eq(3)表示获取所有兄弟节点的第四个节点
        //text()表示获取第四个节点的值
        $("#test2").siblings().eq(3).text();


        $(".my-1").parents("#par").find("div").eq(3).text();
    })
</script>

无盐海

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
Jquery获取子类，同级类第几个元素

$('.test').parent();//父节点$('.test').parents();//全部父节点$('.test').parents('.test1');//含有类名.test1的父节点$('.test').children();//全部子节点$('.test').children('li');//元素为li的全部子节点$('.test').prev();//上一个兄弟节点$...
复制链接

扫一扫