javascript - attr 显示对象对象的值

Question

我正在尝试自定义一个插件来满足我的需求。我想做的是，当我单击图像集合中的图像时，我会获取图像的 src 并使用该图像恢复插件。我遇到的问题是，当我获取图像的源时，它给我的是 [object object] 而不是实际的源。我使用 $(this).attr("src") 来获取图像源。

所以基本上我的代码看起来像这样:

    <div id="images">
      <img src="image1"/>
      <img src="image2"/>
      <img src="image3"/>
      <img src="image4"/>
    </div>

$(document).ready(function(){
  $("#images img").on("click", function(){
    var img_src=$(this).attr("src");
    $("#id").plugin({
      image:img_src
    });
});
});

编辑:我更新了我的代码，以便更清楚我的要求。

更新:实际上，即使我从中删除所有其他js，代码也不起作用。但它可以在 jsfiddle 中使用

更新2:所以我在互联网上寻找解决方案，似乎我正在使用的插件以某种方式覆盖了 attr 函数。有没有办法阻止它这样做？或者也许创建一个不受插件影响的 jQuery 实例？

Answer 1

尝试通过输出到控制台来探索该对象的内容。

通过 F12 使用适用于 Firefox 或 Chrome 的 Firebug 集成开发者控制台。

打开控制台，修改代码:

var img_src=$(this).attr("src");
console.log(img_src);
$("#id").plugin({
  image:img_src
});

并检查输出。

$("img").attr("src") 应该是字符串。