你可以试试这个

var a = document.getElementsByClassName("blog-page-nav-previous");

a.forEach(function(a){
  a.outerHTML = '<img src="images/image.jpg" alt="image">'
});

如果只尝试替换元素的内容，则可以将.outerHTML替换为.innerHTML

既然您要求的是jQuery解决方案：

// Select all the <a> tags inside .blog-page-nav-previous and change their innerHTML to an <img> tag:
$('.blog-page-nav-previous a').html('<img src="foo.jpg">');

<div class="blog-page-nav-previous">
    <a href="my-link" class="blog-link">&lt;&lt;Previous</a>
</div>

我认为你想图像作为一个链接，如果是的话，我有一个解决方案给你

<div class="blog-page-nav-previous">
    <a href="my-link" class="blog-link"><img src="example.png"></a>
</div>

这应该工作，对不起，如果这不是你想要的答案

这应该行得通：

var myClasses = document.getElementsByClassName("blog-page-nav-previous");

for (var i = 0; i < myClasses.length; i++) {
  myClasses[i].innerHTML = "<img src='image.jpg'>";
  }

<div class="blog-page-nav-previous">
 <a href="my-link" class="blog-link">Previous</a>
</div>

如果您希望图像保持与"Previous"设置相同的链接，请更改getElementByClassName以查找"my-link"而不是"blog-page-nav-previous"