JQuery从HTML元素var获取属性

Question

我有以下Jquery代码：

 $(function () {
     $("div[id$='xxx']").click(function ()
     {
         $('.greenBorder').each(function (i, obj)
         {

         });
     });
 });

当点击一个名为xxx的DIV时，会重复每个类img的HTML greenBorder。我想访问每个src的{​​{1}}属性。我无法弄清楚如何将这个值拉出来。 img函数参数包含HTML元素对象，但如何从该对象中获取值？如果这是C / Java / C＃，我会投它。

Answer 1

在jQuery each函数中，您可以使用this访问当前元素。然后，您可以使用$(this) jQuery选择元素，并使用$(this).attr("src")读取该属性。

示例：

$(function () {
    $("div[id$='xxx']").click(function ()
    {
        $('.greenBorder').each(function (i, obj)
        {
            console.log($(this).attr("src"));
        });
    });
});

或者，您可以使用obj代替this。您还可以使用src或this.src阅读obj.src属性。