我不能在同一行中从 $().attr() 分配值吗？

Question

我正在尝试这样做：

$('#smallpictureone').click(function () {
    $("mainproductpicture").attr("src") = $("smallpictureone").attr("src");
});

#mainproductpicture 是我页面上的更大图片。因此，当有人点击较小的图片时，应该将较小的图片的 src 设置为较大的图片。

我的代码有问题吗？

Answer 1

jQuery 的 attr() 函数使用以下语法：

$('yourselector').attr('attribute','value');

对于您的出于目的，使用this也可能有所帮助：

$('#smallpictureone').click(function () {
    $("#mainproductpicture").attr("src", $(this).attr("src"));
});

还有一个 # 缺少 mainproductpicture 的选择器：

$("mainproductpicture") 应该是 $("#mainproductpicture");

Answer 2

更改：

 $("mainproductpicture").attr("src") = $("smallpictureone").attr("src");

为：

 $("#mainproductpicture").attr("src", $("#smallpictureone").attr("src"));

jQuery attr 采用可选的第二个参数作为值来设置该属性。看来您忘记在事件处理程序 ID 中添加 #

Answer 3

您需要将该值作为第二个参数传递给 attr 方法。您还需要使用#符号（假设它们是id）...

$('#smallpictureone').click(function () {
    $("#mainproductpicture").attr("src", $("#smallpictureone").attr("src"));
});

Answer 4

首先，您应该添加选择器 # 或 .

$('#smallpictureone').click(function () {
    $("#mainproductpicture").attr("src") = $("#smallpictureone").attr("src");
});

但我想这只是一个错字，或者不是？

其次，它必须采用以下形式：

attr( attributeName, value )

$('#smallpictureone').click(function () {
    $("#mainproductpicture").attr("src", $(this).attr("src"));
});

Answer 5

你尝试过吗

$('#smallpictureone').click(function () {
    $("#mainproductpicture").attr("src",$("#smallpictureone").attr("src"));
});