如何解决在负载上将img src更改为div
| 我有以下HTML,并且我试图完成两件事。 1.上载将第一张图片更改为1-B.png 2.如果单击了其他任何链接,则更改图像以反映单击的内容。<ul class=\"tabs\">
<div class=\"q1\"><a href=\"#\"><img src=\"/visuals/1-A.png\" border=\"0\" alt=\"\" /></a></div>
<div class=\"q2\"><a href=\"#\"><img src=\"/visuals/2-A.png\" border=\"0\" alt=\"\" /></a></div>
<div class=\"q3\"><a href=\"#\"><img src=\"/visuals/3-A.png\" border=\"0\" alt=\"\" /></a></div>
<div class=\"q4\"><a href=\"#\"><img src=\"/visuals/4-A.png\" border=\"0\" alt=\"\" /></a></div>
</ul>
我将以下内容用于onload,但它没有变化
$(\'ul.tabs > .q1 > .current > a:first\').click(function(e){
$(\'.q1\').attr(\'src\',(\'/visuals/1-B.png\'));
});
任何帮助,将不胜感激
解决方法
您需要更改
<div>
内部的图像:
$(\'.q1 img\').attr(...)
要“重置”所有其他图像,您可以使用以下代码:
$(\".tabs div\").not(\".q1\").each(function(index) {
$(this).find(\"img\").attr(\'src\',\'/visuals/\' + index + \'-A.png\');
});
, 尝试
$(document).ready(function() {
$(\'.q1 img\').attr(\'src\',(\'/visuals/1-B.png\'));
$(\'.q1 a\').click(function(){
$(this).attr(\'src\',(...what u want...));
});
});
, $(document).ready(function()
{
$(\"div-1 > img\").attr(\'href\',image.link);
$(\"div-1 > img\").attr(\'src\',image.src);
});
除上述内容外:
var src = $(\'.rg-image img\').attr(\'src\');
要么
var src = $(\'.rg-image\').find(\'img\').attr(\'src\');
要么
var src=$(\'.rg-image\').children(\"img\").attr(\'src\');
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。