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

Question

我是Jquery的初学者，我希望在他们的名字旁边添加一个人的小图片，这是博客文章上方的href链接。该链接是博客名称，我想在它旁边添加他们的图像，但我不知道如何做到这一点。我知道如何插入图像，但是当博主创建新帖子时，我不确定如何重复插入图像？任何帮助将不胜感激

例如。 （图片在这里）比尔史密斯| 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));
});

<强> Demo

问题是将特定图像与每位作者相关联。为此，您需要解析该段落中的文本字符串，并根据您的图像命名约定对其进行处理。这一切都变得非常麻烦和脆弱，gibberish's answer提供了更好的解决方案。