时间戳

首页 > 解决方案 > 如何通过 this.id 获得的 ID 将元素附加到另一个元素？

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

问题描述

我在同一个班级有几张图片，当点击班级时，我使用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>

标签： javascriptjqueryhtml

解决方案

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

改变：

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

至：

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

推荐阅读