jQuery选择器-子元素选择器示例

最新推荐文章于 2023-10-27 10:17:18 发布

qq_34734520

最新推荐文章于 2023-10-27 10:17:18 发布

阅读量512

点赞数

分类专栏： jQuery九类选择器及应用

本文链接：https://blog.csdn.net/qq_34734520/article/details/51622924

版权

jQuery九类选择器及应用专栏收录该内容

9 篇文章 1 订阅

订阅专栏

<span style="font-size:18px;"><html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"></span>

<span style="font-size:18px; white-space: pre;">	</span><span style="font-size:32px;color:#ff0000;">//jQuery版本根据实际选择</span><span style="font-size:18px;">
    <script type="text/javascript" src="js/jquery-2.2.4.js"></script>
</head>
<body>

<ul>
    <li>John</li>
    <li>Karl</li>
    <li>Brandon</li>
</ul>

<ul>
    <li>Glen</li>
    <li>Tane</li>
    <li>Ralph</li>
</ul>

<ul>
    <li>Marry</li>
</ul>

<ul>
    <li>Jack</li>
</ul>


<script type="text/javascript">

    /*1)迭代[each]每个ul中第1个li元素中的内容,索引从1开始
     $("ul li:first-child").each(function(){
       alert( $(this).text());
     });*/

    /*2)迭代每个ul中最后1个li元素中的内容,索引从1开始
        $("ul li:last-child").each(function(){
            alert($(this).text());
        });*/

    /*4)迭代每个ul中第2个li元素中的内容,索引从1开始
        $("ul li:nth-child(2)").each(function(){
           alert($(this).text());
        });*/

    //3)在ul中查找是唯一子元素的li元素的内容
        $("ul li:only-child").each(function(){
            alert($(this).text());
        });




</script>
</body>
</html></span>

qq_34734520

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery选择器-子元素选择器示例

//jQuery版本根据实际选择 John Karl Brandon Glen Tane Ralph Marry Jack /*1)迭代[each]每个ul中第1个li元素中的内容,索引从1开始 $("ul li:first-child").each(function()
复制链接

扫一扫