jquery如何通过单击将img替换为另一个img答案

【问题标题】：Jquery how to replace img to another img by clickjquery如何通过单击将img替换为另一个img
【发布时间】：2021-11-29 15:27:24
【问题描述】：

我有一个问题。

我在 html 页面中有一些代码

$(document).ready(function() {
  $("#img-1").click(function() {
    var imgsrc = $(this).attr('src');
    $(".click-img").attr('src', imgsrc);
  });
});

$(document).ready(function() {
  $("#img-2").click(function() {
    var imgsrc = $(this).attr('src');
    $(".click-img").attr('src', imgsrc);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<div>
  <tr>
    <td><img src="https://avatarko.ru/img/avatarka/100na100/mults_dobicha_ognya.gif" id="img-1"></td>
    <td><img src="https://avatarko.ru/img/avatarka/100na100/animaciya.gif" id="img-2"></td>
  </tr>
</div>

<div>
  <tr>
    <td><img src="https://avatarko.ru/img/avatarka/100na100/risunki_svecha.gif" class="click-img" id="select-1"></td>
    <td><img src="https://avatarko.ru/img/avatarka/100na100/risunki_svecha.gif" class="click-img" id="select-2"></td>
  </tr>
</div>

我怎样才能通过replace来改变img。例如：我单击 id="img-1" 的图像，然后单击 id="select-1" 的图像。并且图像 id="img-1" 替换为 id="select-1" ？

我的 Jquery 不工作，我不明白如何解决这个问题。那么你有更好的解决方案吗？

【问题讨论】：

How do I ask a good question?:“写一个总结具体问题的标题”，“描述问题。”它没有工作”的描述性不足以帮助人们理解您的问题。相反，告诉其他读者预期的行为应该是什么。告诉其他读者错误消息的确切措辞是什么，以及产生它的代码行。“
“例如，我单击“img-1”，然后单击“select-1”” - 单击其中一个“选择"s
@Andreas 现在可以了吗？

标签： html jquery replace

【解决方案1】：

我不知道这是否正是您想要的，但它总能给您一个想法

$(document).ready(function() {
    var srcCopy = '';
  
  $(".defaultImg").click(function() {
    srcCopy = $(this).attr('src');
  });
  
   $(".click-img").click(function() {
      if( srcCopy ){
        $(this).attr('src', srcCopy);
        srcCopy = '';
      }
  });
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<div>
  <tr>
    <td><img src="https://avatarko.ru/img/avatarka/100na100/mults_dobicha_ognya.gif" id="img-1"class="defaultImg" ></td>
    <td><img src="https://avatarko.ru/img/avatarka/100na100/animaciya.gif" id="img-2" class="defaultImg" ></td>
  </tr>
</div>

<div>
  <tr>
    <td><img src="https://avatarko.ru/img/avatarka/100na100/risunki_svecha.gif" class="click-img" id="select-1"></td>
    <td><img src="https://avatarko.ru/img/avatarka/100na100/risunki_svecha.gif" class="click-img" id="select-2"></td>
  </tr>
</div>

【讨论】：

谢谢，对 BRO 有帮助！