Question

我在同一课程中有几张图片，单击该课程时，我使用this.id获取图片的ID。我想获取该ID并使用它来移动已单击的图片。我正在尝试将其附加到ID为“ yours”的范围内。

$(".characters img").on("click",function(){
  console.log(this.id);
  $(this.id).prependTo("#yours");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class= "characters">
  <img src="assets/images/luke.jpg" id="luke">
  <img src="assets/images/rey.jpg" id="rey">
  <img src="assets/images/kylo.jpg" id="kylo">
  <img src="assets/images/snoke.jpg"id="snoke">
</div>

<div class = "text">
  <h1> Your Character </h1>
  <span id="yours"> </span>
  <h1>Enemies Available to Attack</h1>
  <span id="enemies"></span>
  <h1> Defender</h1>
  <span id="defender"></span>
</div>

Answer 1

使用图像（this，而不是this.id实例化新的jQuery对象：

更改：

$(this.id).prependTo("#yours");

收件人：

$(this).prependTo("#yours");

Answer 2

在点击img时，将目标#yours元素清空（如果需要），然后clone将被点击的img传递到{{1} }，因为它接受jQuery对象。

html

您如何将通过this.id获得的ID附加到另一个元素？

2 个答案: