老师为什么只能查到第一个却查不到最后一个~

<!doctype html>
<html>
<head>
    <title></title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
    <style type="text/css">
        .left{
            background-color:yellow;
            opacity:0.5;
        }
    </style>
</head>
<body>
    <!-- Body -->
    <div>
        <!-- <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
            <li>Jquery</li>
            <ol>
                <li>前端</li>
                <li>后端</li>
            </ol>
            <li>HTML5</li>
            <li>CSS3</li>
            <li>移动端</li>
        </ul> -->
        <div>
            <p name="p1">HTML5</p>
            <p name="p1">CSS3</p>
            <p name="p1">JavaScript</p>
            <p name="p1">Jquery</p>
            <p name="HTML">HTML</p>
            <p name="CSS">CSS</p>
        </div>
    </div>
    <!-- jquery -->
    <script type="text/javascript" src="1.12.4.js"></script>
        <!-- js -->
        <script type="text/javascript">
            $(document).ready(function(){
                $('[name="p1"]:last-child').addClass('left');
                $('[name="p1"]:first-child').addClass('left');
            });
        </script>
</body>
</html>

慕神6715844 2018-08-20

源自：jQuery选择的艺术 3-7 jQuery 中的基本选择器

收起

2回答

好帮手慕夭夭回答被采纳获得+3积分 2018-08-20 16:53:48

last-child表示查找最后一个元素 , 不论元素的类型 ,也就是说 , $('[name="p1"]:last-child')查找的最后一个元素 ,并且这个元素的name为p1, 为其添加类名 , 如果最后一个查到不到符号要求的 , 类名就添加不上了 , 代码中最后一个元素为name="CSS" ,不符合查找的添加, 所以没有添加上.

希望能解答你的疑惑 ,祝学习愉快 ! 望采纳

收起回答