jQuery獲取div的值並顯示給其他div

Question

我試圖找出一種方法來獲取div類的值，然后通過某種方式附加該值在另一個div中使用。

所以說我點擊下面的小產品項。 我希望項目1顯示在“添加項目”的p類中

https://jsfiddle.net/jmy8fqqx/

<a href="#" class="purchase"><span class="product-item small">item 1</span></a>
<a href="#" class="purchase"><span class="product-item medium">item 2</span></a>
<a href="#" class="purchase"><span class="product-item big">item 3</span></a>


<div class="bought">
  <p class="added-item">
      <!-- content will be loaded using jQuery - according to the selected item -->
  </p>
</div>

jQuery的

  $( ".purchase" ).click(function() {

  });

Answer 1

這應該為您工作。 請下次提供一些您嘗試過的代碼。

$( ".purchase" ).click(function() {
    var item = $(this).find('span').html();
    $('p.added-item').html(item);
});