jquery - 从 elements 属性中替换 img src

标签 jquery toggle image src

如果我的页面上有这个 html

<img src="samesrc" class="commentimg" name="differentimg1"/>

如何通过 onclick 切换 src=<img>name=属性,所以当我单击<img>时src 变为 differimg1,并应用另一个类

<img src="differentimg1" class="commentimg commentimgresize" name="differentimg1"/>

然后,当再次单击时,html 源将返回到原始 ie

<img src="samesrc" class="commentimg" name="differentimg1"/>

这应该应用于所有图像,但切换时的 src 应对应于元素 name=值。

我已经尝试过 http://jsfiddle.net/yusaf/zy5j8/25/

$('.imgreplace').each(function(){
$('.imgreplace').click(function(){
    var replacesrc = $(".commentimg").attr("name");
    $('.commentimg').attr("src", "+replacesrc+");
    $('.commentimg').toggleClass('commentimgresize')
})
});

最佳答案

这有效

$('.commentimg').click(function(){
    var a = $(this).attr('src');
    var b = $(this).attr('name');
    $(this).attr('src',b).attr('name', a);
});

示例: http://jsfiddle.net/jasongennaro/zy5j8/26/

说明: Onclick 抓取 srcname 属性,反转它们。

关于jquery - 从 elements 属性中替换 img src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8378348/

相关文章:

html - 切换按钮不起作用,而是看起来像使用 css 的常规复选框

jQuery 切换和功能

ios - 将 imageView、图像和背景图像保存到相机胶卷?

java - 以编程方式使图像的背景透明或变白

javascript - .fadeIn() 在低于 9 的 IE 版本中不会触发

javascript - 如何设置按钮处理程序来删除父表行?

jquery - 如何防止 jQuery BlockUI 触发

javascript - 如何检查变量是类还是 id(jQuery)

jquery - 切换 HTML5 音频的 'muted' 属性

java - 在 Java 中实现 SIFT