jQuery实现弹出相对应的元素

vx17629341185

于 2019-10-27 19:15:14 发布

阅读量370

点赞数

文章标签： jQuery

本文链接：https://blog.csdn.net/weixin_43424506/article/details/102770141

版权

jQuery实现弹出相对应的元素

点击当前的p标签,弹出相对应的元素下标 (点击第一个p元素,弹出0,点击第二个p元素,弹出1…)

以下代码如下:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery.js"></script>
    <style>
        div{
            width: 200px;
            height: 200px;
            background-color: burlywood;
        }
    </style>
</head>
<body>
<center>
<h2>删除列表元素中最后一个li元素</h2>

<div>
<ul>
    <li>元素1</li>
    <li>元素2</li>
    <li>元素3</li>
    <li>元素4</li>
    <li>元素5</li>
</ul>
</div>


<script>

    $(function(){

        $("div").on("click",function () {
            $("ul li:last-child").remove();
            $("div").off("click");
        });
    });

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

图1
在这里插入图片描述

vx17629341185

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery实现弹出相对应的元素

jQuery实现弹出相对应的元素点击当前的p标签,弹出相对应的元素下标 (点击第一个p元素,弹出0,点击第二个p元素,弹出1…)以下代码如下:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> ...
复制链接

扫一扫