单击按钮将其文本添加到另一个 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/