jquery - jQuery：使用“名称”作为img“src”

Question

我的问题：我有一个 img 标签

<img class="myclassname" src="1.jpg" name="2.jpg">

我想将 img 源（当前为 1.jpg）更改为我使用 jquery 在“名称”属性（2.jpg）中编写的源。

为什么这不起作用？

$(".myclassname").attr("src", $(this).attr("name"));  

谢谢你的帮助！迎接马夫卡

（ps：当然，脚本更复杂，但这是我卡住的问题）

Answer 1

您需要遍历具有该类名的所有标签，因为 $(this) 在该上下文中是未知的。

尝试类似：

$(".myclassname").each(function() {
    $(this).attr("src", $(this).attr("name"));
});

Answer 2

$(".myclassname").each(function (){
$(this).attr("src",$(this).attr("name"));
});

您的代码的问题是 jQuery 不知道该上下文中的“this”是什么。

Answer 3

我希望这有帮助...

        $(".test").each(function() {
            $(this).attr("src", $(this).attr("name"));
            alert($(this).attr("src"));
        });

Answer 4

将对 myclassname 的引用存储在变量中。还将使您的脚本更清晰易读：

var _myClassname = $(".myclassname");
_myClassname.attr("src", _myClassname.attr("name"));