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

Question

 <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>

Answer 1

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