Question

getAttribute如何用于多个图像？任何一个人都能帮忙吗？

<script>
  $(document).ready(function(){  
    $(".img").click(function(){   
      var img = $(this).getAttribute('src');
      alert(img.getAttribute('src')); // foo.jpg
      alert(img.src);                 // http://..../foo.jpg
    });
  });
</script>

</head>
  <body>
    <img class="img" src="foo.jpg" >
    <img class="img" src="foo1.jpg" >
    <img class="img" src="foo2.jpg" >
  </body>
</html>

Answer 1

我认为这就是你想要的！把它们全部搞定：

$(".img").each(function(){
    alert(this.getAttribute("src"));
});

或者在示例代码中：

$(".img").click(function(){   
  var img = this.getAttribute('src');
});

最后，您可以使用.attr（）;

   $(".img").each(function(){
        alert($(this).attr("src"));
    });

Answer 2

Yoo需要将jquery对象转换为普通javascript对象以使用其本机方法和属性。您已在this上下文中拥有该对象。因此，使用：

$(".img").click(function(){   
  this.getAttribute('src'); // when using with jquery $(this)[0].getAttribute('src')
});

多个图像的getAttribute

2 个答案: