使用jquery和javascript操作引导选项卡，删除和添加选项卡

我对这个有点陌生。我想从选项卡中添加和删除按钮，但我无法正确执行。这看起来相当简单，但我不会使用使用javascript创建的新按钮。请帮帮我。提前谢谢

<div class="col-lg-6 col-sm-6">


    <div class="btn-pref btn-group btn-group-justified btn-group-lg" role="group" aria-label="..." id="dynagregarmarca">
        <div class="btn-group" role="group">
            <button type="button" id="stars" class="btn btn-primary" href="#tab1" data-toggle="tab"><span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                <div class="hidden-xs">Stars</div>
            </button>
        </div>
        <div class="btn-group" role="group">
            <button type="button" id="favorites" class="btn btn-default" href="#tab2" data-toggle="tab"><span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                <div class="hidden-xs">Favorites</div>
            </button>
        </div>
        <div class="btn-group" role="group">
            <button type="button" id="following" class="btn btn-default" href="#tab3" data-toggle="tab"><span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                <div class="hidden-xs">Following</div>
            </button>
        </div>
        <div class='btn-group' role='group'>
            <button type='button' id='following' class='btn btn-default' href='#tab3' data-toggle='tab'><span class='glyphicon glyphicon-user' aria-hidden='true'></span>
                <div class='hidden-xs'>Following</div>
            </button>
        </div>        
    </div>

    <div class="well">
      <div class="tab-content" id="tabcontent">

        <div class="tab-pane fade in active" id="tab1">
          <h3>This is tab 1</h3>
        </div>
        <div class="tab-pane fade in" id="tab2">
          <h3>This is tab 2</h3>
        </div>
        <div class='tab-pane fade in' id='tab3'>
          <h3>This is tab 3</h3>
        </div>


      </div>
    </div>


</div>



<input type="button" id="btnagregarmarcatab" value="Add tab" />

<input type="button" id="btneliminarmarcatab" value="remove Selected tab" />


<script>





$(document).on("click", ".btn-pref .btn", function () {

        $(".btn-pref .btn").removeClass("btn-primary").addClass("btn-default");
        $(this).removeClass("btn-default").addClass("btn-primary");  

});


$(document).on("click", "#btnagregarmarcatab", function () {


    var menu_html = "<div class='btn-group' role='group'>" + 
                            "<button type='button' id='followings' class='btn btn-default' href='#tab3' data-toggle='tab'><span class='glyphicon glyphicon-user' aria-hidden='true'></span>" + 
                            "<div class='hidden-xs'>Following</div>" + 
                            "</button>" + 
                    "</div>";

    var content = "<div class='tab-pane fade in' id='tab3'>" + 
                        "<h3>This is tab 3</h3>" + 
                    "</div>";


    $("#dynagregarmarca").append(menu_html);
    $("#tabcontent").append(content);
    
    $(".btn-pref .btn").removeClass("btn-primary").addClass("btn-default");
    $(this).removeClass("btn-default").addClass("btn-primary");



});


$(document).on("click", "#btneliminarmarcatab", function () {


    let elementoprimary = $(".btn-primary");

    $(elementoprimary).parent().remove();



});


</script>

星星
最爱
下列的
下列的
这是表1
这是表2
这是表3
$（文档）.on（“单击“，”.btn pref.btn”，函数（）{
$（“.btn pref.btn”）.removeClass（“btn主”）.addClass（“btn默认”）；
$（this）.removeClass（“btn默认”）.addClass（“btn主”）；
});
$（文档）。在（“单击”上，“#BTNAGRAGARMARCATAB”，函数（）{
var菜单_html=”“+
"" + 
“以下”+
"" + 
"";
var content=”“+
“这是表3”+
"";
$（“#dynagregarmarca”）.append（菜单html）；
$（“#tabcontent”）。追加（content）；
$（“.btn pref.btn”）.removeClass（“btn主”）.addClass（“btn默认”）；
$（this）.removeClass（“btn默认”）.addClass（“btn主”）；
});
$（文档）。在“单击”上，函数（）{
让elementopprimary=$（“.btn primary”）；
$（elementoprimary）.parent（）.remove（）；
});

---

它只适用于删除默认按钮，但如果我尝试删除创建的按钮，它会删除所有内容。我需要一些帮助或建议。先谢谢你。我需要用一种简单的方法来做。

您还没有指定应该删除哪个父级。所以不是

$(elementoprimary).parent().remove();

你应该使用

elementoprimary.closest(".btn-group").remove();

---

您还应该使用

最近的

而不是

父级

，因为如果您的DOM布局发生变化，

最近的

会更安全。

谢谢我的朋友，我会查看的哇，我的朋友乍一看似乎工作得很好！！非常感谢我的朋友，我的工作需要这个，我的老板有点生气，因为我已经试了一周了。谢谢