通过jquery动态更改图片源

-1

我正在设计一个聊天应用程序。在我使用的功能中，如果有人点击chap显示图片，侧面板会打开联系人信息和聊天对象的相应图像。所以我想要的是点击侧面板中动态分配显示图片的src到图像的src。这是我的代码片段。通过jquery动态更改图片源

$(".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。

有什么建议..？

来源

2017-08-10 nishant singh

你不说出你的问题 – j08691

份额HTML也 – Matt

什么是你的问题？你的代码有问题吗？据推测，否则你不会问你的问题，但你没有告诉我们问题是什么。你说明了你的要求，但没有说明他们哪部分没有完成。在它的表面上，代码没有任何明显的错误。也许你的元素ID是错误的，或者你的事件不会触发。您可以向我们展示HTML以帮助解决第一个问题，并自己做一些调试以帮助解决第二个问题。 – ADyson

您可以通过使用jQuery attr()功能像下面改变你的形象的src属性：

$(".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")) 
 
});

<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"/>

来源

2017-08-10 14:34:03 hasan

非常感谢。现在工作很好。 –

请标记为已回答。 – thhan

通过jquery动态更改图片源

回答

相关问题