求点击删除对话后,删除整个相应大的div的方法

图片说明

 <div style="display: inline-block;padding-left: 20px;"class="col-md-9 col-sm-8 col-xs-9 ">
    <div style="margin-top: 30px;">你好很高兴认识你</div>
    <div>
        <br><span style="font-size: 12px;color: #4CAF50;float: right;">7月13日 &nbsp;14:20</span>
    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-success dropdown-toggle btn-xs"  data-toggle="dropdown">
             <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu"style="font-size: smaller;">
            <li><a href="#">查看详情</a></li>
            <li><a href="#">删除对话</a></li>
            <li><a href="#">屏蔽对方</a></li>
        </ul>
    </div>
</div>
0

5个回答


    $(function(){
        $('ul.dropdown-menu li:nth-child(2) a').click(function(){
            $(this).closest('div.col-md-9').remove();
            return false
        })
    })
3
zknn_1991
zknn 回复caozhy: 这个方法不错。。
接近 2 年之前 回复
caozhy
weixin_45841714 建议采纳这个回答
接近 2 年之前 回复

动态绑定click方法,用jquery的.parent()方法拿到你想要拿的div标签,设置内容为空。。

1
<!--这里估计是你想要删除的parent-->
  <div  style="display: inline-block;padding-left: 20px;"class="col-md-9 col-sm-8 col-xs-9 ">
    <div style="margin-top: 30px;">你好很高兴认识你</div>
    <div>
        <br><span style="font-size: 12px;color: #4CAF50;float: right;">7月13日 &nbsp;14:20</span>
    </div>
        <!--这里一个parent-->
    <div class="btn-group">
        <button type="button" class="btn btn-success dropdown-toggle btn-xs"  data-toggle="dropdown">
             <span class="caret"></span>
        </button>
                <!--这是你显示的对话框,也是一个parent-->
        <ul class="dropdown-menu" role="menu"style="font-size: smaller;">

                        <li><a href="#">查看详情</a></li>
            <li><a href="#">删除对话</a></li>
            <li><a href="#">屏蔽对方</a></li>
        </ul>
    </div>
</div>

所以你的点删除对话,可能需要“this.parent().parent().parent().remove()”这是一个方法来着。
觉得看起来不清晰,那就用clostest(),并在需要删除的父节点增加ID或者class,比如“id=‘dialog’”,那么“this.clostest('dialog')”,可能去jquery查看一下这个函数clostest()

1

this.clostest('#dialog'),打错了!-_-

0

应该是这样才对,又打错了,$(this).clostest('#dialog'),因为调用了jquery的函数,所以必须返回jquery的对象

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!

相似问题

1
tap点击无效方法完全没有被执行
2
js,模拟弹幕发射,有些bug不明白,求帮助、、、
1
【AngualrJS1.0】求解释这段HTML代码做了什么?
5
这段js代码的意思求解释,详细点哈
11
来领C币了!请问javscipt里怎么实现div固定在屏幕顶上,滚动向下的话,它一直显示?
4
ci框架,求点击加载更多的代码
4
PHP网站,鼠标点击textarea如何实现跳转??
2
虽然点击一行中其他位置可以选中复选框,但是原来的复选框点不中了
7
td点击编辑问题 请教一下
4
JS点击按钮弹出文件选择框选择文件怎么做其他的操作,就单个按钮控件实现
3
touch事件点击a标签,鼠标有些偏离没有完全点中会出现跳转
5
js如何将多选下拉框的值拆分成字符串的方法
2
求大佬帮我看看一个关于select 下拉框的恶心问题
3
maven web项目引用js,求解释
3
网上看到的js用正则解析Url参数,请问我想自己写一个url测试的话,应该怎么把url传入这个方法
4
vue--语音播放如何控制在播放语音时,点击另外一个语音暂停现播放的.
1
有没有ide直接在ide的窗口中打印输出在dom js的结果的,不用跳转到浏览器中看打印结果,求解惑
12
如何实现textarea中输入@在当前文本的右下方出现一个div,里面选择人名
11
如何实现textarea中输入@在右下方出现一个div
3
mui的pullRefresh down和up两个方法一起存在的话 安卓机上无法上下拉动页面?