Нажав кнопку, чтобы добавить текст в другой div

Question

У меня есть этот код http://codepen.io/anon/pen/JdNdXd, который позволяет мне выбирать колеса, ярусы и т. Д. То, что я хочу сделать, это когда я добираюсь до последнего 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/