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"));  

感谢您的帮助！问候mafka

（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"));