javascript - jQuery获取div的值并显示到其他div

Question

我正在尝试找出一种方法来获取 div 类的值，然后通过以某种方式附加该值在另一个 div 中使用该值。

假设我点击下面的小产品项目。我希望 item 1 显示在“added-item”的 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);
});