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);
});