怎么让a标签和链接锚点id内容一起移除？

Question

<!-- 选项卡组件（菜单项nav-tabs）-->

<ul id="myTab" class="nav nav-tabs" role="tablist">

    <li class="active"><a href="#bulletin" role="tab" data-toggle="tab">公告</a></li>

    <li><a href="#rule" role="tab" data-toggle="tab"><span>规则</span>

    &nbsp;<button type="button" class="close"  aria-label="Close"><span aria-hidden="true">&times;</span></button></a></li>

    <li><a href="#forum" role="tab" data-toggle="tab"><span>论坛</span>

    &nbsp;<button type="button" class="close"  aria-label="Close"><span aria-hidden="true">&times;</span></button></a></li>

<li><a href="#security" role="tab" data-toggle="tab"><span>安全</span>

    &nbsp;<button type="button" class="close"  aria-label="Close"><span aria-hidden="true">&times;</span></button></a></li>

<li><a href="#welfare" role="tab" data-toggle="tab"><span>公益</span>

    &nbsp;<button type="button" class="close"  aria-label="Close"><span aria-hidden="true">&times;</span></button></a></li>

</ul>

<!-- 选项卡面板 -->

<div id="myTabContent" class="tab-content">

<div class="tab-pane fade in active" id="bulletin">公告内容面板</div>

<div class="tab-pane fade" id="rule">规则内容面板</div>

<div class="tab-pane fade" id="forum">论坛内容面板</div>

<div class="tab-pane fade" id="security">安全内容面板</div>

<div class="tab-pane fade" id="welfare">公益内容面板</div>

</div>

  <script src="E:/bootstrap-3.3.0-source/bootstrap-3.3.0/js/tests/vendor/jquery.min.js"></script>

  <script src="E:/bootstrap-3.3.0-source/bootstrap-3.3.0/dist/js/bootstrap.min.js"></script> 

  <script>

    $(".close").click(

        function(){

            $(this).parents("a").remove();

        }

        )

</script>

Answer 1

$(".close").click(function () {             var id = $(this).parent("a").attr("href"); //获取a的href值             $(this).parents("a").remove();             $(id).remove()                              //删除对应id的元素         } )