Question

我有这个代码http://codepen.io/anon/pen/JdNdXd，它允许我选择轮子，等级等。我想要做的是当我到达最后一个div，其中显示项目的描述，我有一个按钮，我想在单击该按钮时将其文本添加到名为Cart的bellow div中，这可用作购物车。如果您选择Farovi然后选择Original，然后选择Devil眼睛，您可以看到您获得带有产品名称，代码和价格的文本，第二行有一个按钮，所以我想当我按下该按钮时该项目被添加到购物车中吼叫。这是可能的吗？如果需要，我如何从购物车中提取其中一个产品。尝试了一些不同的代码，但无法让它工作，我试过的最后一个是附加功能，但无法使其工作。这个轰鸣声只是追加功能的一个例子，我没有在我的代码中使用这个

$( ".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/

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

1 个答案: