javascript - 如何为点击添加值(value)

Question

我想为类似元素的每次点击添加一个属性/值，以便在其他地方使用该值。我想使用它的代码是这样的

<div class="productbox"><img src="image.png"></div>
<div class="productbox"><img src="image2.png"></div>
<div class="productbox"><img src="image3.png"></div>

<div class="differentcontainer">
<!-- the value of the image shall be put in here as <img src="..."> -->
</div>

$(".productbox").click(function() {
    var imgname = $(this).next(img).value;
$(".differentcontainer").html(imgname);
});

所以我想获取完整的 img-tag 的值，并在单击不同的元素后使用它。因为我已经在使用 jquery，所以坚持使用它可能最有意义。

谢谢!

Answer 1

来自 jQuery Syntax

The jQuery syntax is tailor-made for selecting HTML elements and performing some action on the element(s). Basic syntax is:

$(selector).action();

定义/访问 jQuery 的 $ 符号。

“查询(或查找)”HTML 元素的 (选择器)。

要在元素上执行的 jQuery action()

$(".productbox").click(function() {
  var imgname = $(this).html();
  $(".differentcontainer").html(imgname);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="productbox"><img style="width:50px; height:50px" src="https://i2.wp.com/mightywidow.com/wp-content/uploads/2016/12/11519100485_ddfd5be329_z.jpg?fit=640%2C361&amp;ssl=1" title="1"></div>
<div class="productbox"><img style="width:50px; height:50px" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSnXSQpzvR2frx8nzq-rxxQZsOjPtRWNVVRwoU7-NsUAtGYUOom" title="2"></div>
<div class="productbox"><img style="width:50px; height:50px" src="https://s-media-cache-ak0.pinimg.com/736x/e6/63/d0/e663d0bf3d57da87ef9992cddd5af05c--kindness-ideas-acts-of-kindness.jpg" title="3"></div>

<div class="differentcontainer">
  <!-- the value of the image shall be put in here as <img src="..."> -->
</div>