Question

我正在设计聊天应用程序。因为我使用的功能是，如果有人点击了chap显示图片，侧面板会打开，其中包含联系人信息和聊天人员的相应图像。所以我想要的是在点击时动态地将显示图片的src分配给侧面板中的图像的src。这是我的代码段。

$(".chat-top").click(function(){
      var ig= document.getElementById("contacti");
      var ig2=document.getElementById("imgr");
      ig2.src=ig.src;
  });

chat-top是点击哪个侧面板的div。 contacti是显示图像标记的id，imgr是侧面图像标记的id。

任何建议..？

Answer 1

您可以使用JQuery src功能更改图片的attr()属性，如下所示：

＆＃13;

$(".chat-top").click(function () {
  console.log("before:", $("#contacti").attr("src"), $("#imgr").attr("src"));

  var igSrc= $("#contacti").attr("src");
  $("#imgr").attr("src", igSrc);
      
  console.log("after:", $("#contacti").attr("src"), $("#imgr").attr("src"))
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="chat-top"> change </button>
<img id="contacti" src="example"/>
<img id="imgr" src="secondExample"/>

＆＃13;

通过jquery动态更改图像源

1 个答案: