如何更改childnode中的值

Question

今天我遇到了问题。我无法获取并更改数组 Childnotes 中的值。我尝试在stackoverflow中找到但不是预期的结果

  

var $ this = $（this）;

调试时，我会收到图片：

我想在childNotes中获取值并更改值：NodeList [3] - ＆gt; 1：img - ＆gt;在 img

中更改属性： src

Answer 1

我认为你想在标签内的图片标签中更改一些attr src

因此，您可以使用引用$ this（标记）来查找特定的图像标记并执行您想要的任何操作：

...

var $this = $(this);
$this.find("img").attr("src", "some_value");

...

如果您有多个图片代码并且只想更改第三个代码，则应使用某些“数据属性”进行标记，如下所示：

$this.find("img[data-changeable]").attr("src", "some_value");

Answer 2

也许你可以尝试类似的东西：

$(this).children("img").attr("src", "mycool_image.jpg");

这将找到直接的孩子 - ＆gt;如果您将它们嵌套得更深，则可以使用find()代替。

$(this).find("img").attr("src", "mycool_image.jpg");

修改

如果你想要第n个孩子img元素，那么你可以这样做：

$(this).find("img").eq(2).attr("src", "mycool_image.jpg");

<强> EDIT2

要在更改之前获取源，只需执行（通过向eq()提供相应的索引）：

var source = $(this).find("img").eq(2).attr("src");