javascript - 单击按钮将其文本添加到另一个 div

Question

我有这个代码 http://codepen.io/anon/pen/JdNdXd这让我可以选择轮子、层等。我想做的是当我到达最后一个 div 时，其中显示了一个元素的描述，我有一个按钮，我想在单击该按钮时制作它的文本添加在名为 Cart 的波纹管 div 中，这用作购物车。如果您选择 Farovi，然后选择 Original，然后选择 Devil eyes，您会看到包含产品名称、代码和价格的文本，第二行有一个按钮，所以我希望当我按下该按钮时，该元素会添加到购物车中div 波纹管。这可能吗？如果我愿意，如何从购物车中删除其中一个产品。尝试了一些不同的代码但无法使其正常工作，我尝试的最后一个是附加功能但无法使其正常工作。这个波纹管只是附加函数的例子，我没有在我的代码中使用这个

$( ".container" ).append( $( "h2" ) );

Answer 1

试试这个方法:像这样形成你的 HTML:

<div class="col-md-2">
    <ul class="nav nav-pills nav-stacked" id="menu">
        <li><a href="#" class="item" id="link1">Felge</a>

        </li>
        <li><a href="#" class="item" id="link2">Gume</a>

        </li>
        <li><a href="#" class="item" id="link3">Branici</a>

        </li>
        <li><a href="#" class="item" id="link4">Farovi</a>

        </li>
    </ul>
</div>
<div id="cart"></div>

JavaScript 是这样的:

function addToCart(item) {
    var cart = document.getElementById("cart");
    $("#cart").append("<p><a class='cartitem' href='#'   onclick='removeFromCart(this)'>" + item.innerHTML + "</a></p>");

    $('.cartitem').click(function (e) {
        $(e.target).remove();
    });
}

function removeFromCart(ele) {
    $("#cart").remove(ele);
}
$(function () {
    $('.item').click(function () {
        addToCart(this);
    });
});

看到它在这里运行:http://jsfiddle.net/8npoj1nq/