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

    $(function(){
        $('ul.dropdown-menu li:nth-child(2) a').click(function(){
            $(this).closest('div.col-md-9').remove();
            return false
        })
    })

动态绑定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的对象