如果我的页面上有这个 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
抓取 src
和 name
属性,反转它们。
关于jquery - 从 elements 属性中替换 img src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8378348/