如何使用jquery在重复链接旁边插入小图像图标

Question

我是一个使用Jquery的初学者，我希望在他们的名字旁边添加一个人的小图片，这是一个href链接在博客上。这个链接是博客作者的名字，我想把他们的图片放在旁边，但是我不知道该怎么做。我知道如何插入一个图片，但我不知道如何重复插入图像，每当博客创建一个新的帖子？任何帮助都将不胜感激。

例如：(图片) Bill Smith 2014年11月22日

因此，每当那个人创建一个帖子，他们的形象出现在它面前，这就是我到目前为止所拥有的，但是它没有做任何事情。作者是作者名字所在的类。

$('<img src="https://www.people.com/bill.jpg" />').insertBefore('author');

html：

 <article class="blogpost">
   <p class="author">
    <a href="https://people.com/billsmith">Bill Smith</a>
 </p>
</article>

Answer 1

您需要遍历作者段落的每个实例：

$('p.author').each(function() {
    $('<img src="http://placehold.it/30x30" />').insertBefore($(this));
});

演示

问题将是将一个特定的图像与每个作者联系起来。要做到这一点，您需要解析该段中的文本字符串，并根据图像命名约定进行处理。这一切变得非常麻烦和脆弱，胡言乱语的回答提供了一个更好的解决方案。