求点击删除对话后,删除整个相应大的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>

5个回答


    $(function(){
        $('ul.dropdown-menu li:nth-child(2) a').click(function(){
            $(this).closest('div.col-md-9').remove();
            return false
        })
    })
zknn_1991
zknn 回复caozhy: 这个方法不错。。
大约 2 年之前 回复
caozhy
贵阳老马马善福专业维修游泳池堵漏防水工程 建议采纳这个回答
大约 2 年之前 回复

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

<!--这里估计是你想要删除的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()

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

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

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