左邊動(dòng)態(tài)添加的按鈕可以刪除,但是右邊內(nèi)容的卻不能跟著刪除...是怎么一回事...?

本人剛?cè)胄胁痪?接觸JQ這塊不到兩個(gè)月,之前接觸過HTML+CSS,但沒有Javascript基礎(chǔ),被趕鴨子上架的...
問題就是:
1.當(dāng)點(diǎn)擊按鈕后,左邊新添加的tab按鈕和右邊content新添加的內(nèi)容都顯示了,
2.當(dāng)刪除的時(shí)候,只能刪除左邊的按鈕,右邊的 ".newspec_tab_item on" 卻不能刪除,是怎么一回事....跪求大神指點(diǎn)...

問題截圖:

<div class="newspec" id="newspec">
        <div class="newspectab">
            <div class="left">
                <ul class="newspec_title"></ul>
                <a href="javascript:;" class="addBtn layui-btn layui-btn-warm">添加新規(guī)格 +</a>
            </div>
            <div class="right">
                <div class="newspec_content">

                </div>
            </div>
        </div>
    </div>

    <div id="spec_input">
        <input type="text" value="" id="spec_name_input" placeholder="請(qǐng)輸入規(guī)格名稱" />
        <input type="button" id="go_specname" value="確定" />
    </div>

$('#newspec').hide();
    $('#spec_input').hide();
    $(".addnewspec_btn").click(function () {
        layer.open({
            type: 1,
            area: ['900px', '500px'],
            title: ['添加新的規(guī)格'],
            shadeClose : true,
            content: $('#newspec'),
        });
    });

    $(".addBtn").click(function () {
        layer.open({
            type: 1,
            area: ['360px', '90px'],
            title: ['輸入規(guī)格名稱'],
            shadeClose: true,
            content: $('#spec_input'),
        });
    });

    $(".newspec_title").on('click','li',function () {
        $(".newspec_title li").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
        $(".newspec_tab_item").eq($(this).index()).addClass("on").siblings().removeClass('on');
    });

    $(".newspec_title").append('<li class="cur">默認(rèn)</li>');
    $(".newspec_content").append('<div class="newspec_tab_item on"><div class="newspec_list"><ul><li>屬性1</li><li>屬性2</li><li>屬性3</li></ul></div></div>');

    $("#spec_input").on('click', '#go_specname', function () {
        var $specname = $("#spec_name_input").val();
        $(".newspec_title").append('<li>' + $specname + '<i>X</i></li>')
        $(".newspec_content").append('<div class="newspec_tab_item">' + '<div class="nospec">' + '暫無數(shù)據(jù)<br /><a href="javascript:;" class="layui-btn layui-btn-normal">添加新數(shù)據(jù)</a>' + '</div>' + '</div>');
        $("#spec_name_input").val("")
    });

    $(".newspec_title").on('click', 'li i', function () {
        var $parent = $(this).parent();
        var $newspecitem = $(".newspec_tab_item on");
        alert("是否要?jiǎng)h除當(dāng)前規(guī)格?");
        $parent.remove();
        $newspecitem.remove();
    });

最后再補(bǔ)充一句:跪求大神指點(diǎn)迷津