Javascript JQuery从HTML元素变量获取属性

我有以下Jquery代码：

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

         });
     });
 });

当一个名为

xxx

的DIV被单击时，每个类为

greenBorder

的HTML

img

都会被迭代。我想访问每个

img

的

src

属性。我不知道如何提取这个值。

obj

函数参数包含HTML元素对象，但如何从该对象中获取值？如果这是C/Java/C#，我会强制转换它。

在jQuery函数中，您可以使用

this

访问当前元素。然后，可以使用jQuery选择使用

$（this）

的元素，并使用

$（this.attr（“src”）

读取属性

示例：

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

或者，您可以使用

obj

代替

this

。您还可以使用

this.src

或

obj.src

读取

src

属性，在jQuery函数中，您可以使用

this

访问当前元素。然后，可以使用jQuery选择使用

$（this）

的元素，并使用

$（this.attr（“src”）

读取属性

示例：

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

---

或者，您可以使用

obj

代替

this

。您还可以使用

this.src

或

obj.src

阅读

src

属性，将

this.src

、

obj.src

和

$（obj）.attr（'src'）

也起作用？@user3558931：是的，我在答案中添加了一条注释。虽然这不是我问题的一部分，我如何才能获得DOM中下一个元素的属性值？我会马上给你检查。放弃它，用

$（this）回答我自己的问题。next（）.attr（'value'）

会

this.src

，

obj.src

和

$（obj.attr（'src'）

工作吗？@user3558931：是的，我在答案中添加了一条注释。虽然这不是我问题的一部分，但我如何才能获得DOM中下一个元素的属性值？我会马上给你检查。放弃这一点，用

$（this）.next（）.attr（'value'）