如何在 jQuery 中访问子 img src

在网页开发中，有时候需要获取特定元素的某些属性，比如图片的 src 属性。在 jQuery 中，可以通过以下几种方式来获取子 img 标签的 src 属性。

方法一

使用 jQuery 的 find() 方法来定位指定元素的子元素，然后使用 attr() 方法来获取属性值。

var src = $('#parent-element').find('img').attr('src');

在上面的代码中，parent-element 是要查找的父元素的 ID，img 是子元素的标签名，src 是要获取的属性名。

方法二

通过子元素标签名来直接选择子元素，并使用 attr() 方法来获取属性值。

var src = $('#parent-element img').attr('src');

这个方法与方法一的区别在于没有使用 find() 方法，直接通过子元素标签名选择子元素。

方法三

使用 children() 方法来获取父元素的所有子元素，并使用 filter() 方法来过滤出目标子元素，然后使用 attr() 方法来获取属性值。

var src = $('#parent-element').children().filter('img').attr('src');

在上面的代码中，filter() 方法通过指定的选择器过滤出子元素中的 img 元素。

方法四

使用 eq() 方法来获取父元素中指定位置的子元素，并使用 attr() 方法来获取属性值。

var src = $('#parent-element').children('img').eq(0).attr('src');

在上面的代码中，通过 children() 方法获取父元素中所有的 img 元素，并使用 eq() 方法选择第一个元素。

无论选择哪种方法，都可以获取到子元素 img 的 src 属性。其中，方法一和方法二较为简单，方法三和方法四则相对繁琐一些。选择哪种方法取决于具体的需求和代码习惯。