javascript - jQuery - 有条件地附加 HTML

Question

我试图在 div 中的每张图像后附加一张放大镜的图片。其中一些是链接的，在这种情况下，我希望将其附加在 </a> 之后。在 img 之后标签。

我怎样才能:

<img src="a.jpg" .... />

变成:

<img src="a.jpg"><img src="mag.gif" />

和:

<a href="...."><img src="a.jpg" .... /></a>

变成:

<a href="...."><img src="a.jpg"></a><img src="mag.gif" />

请注意，img 前后可能会有换行符标签。

这是怎么做到的？

Answer 1

您可以使用after 方法。

Insert content, specified by the parameter, after each element in the set of matched elements.

$('img').after('<img src="mag.gif"/>')