更改锚文本，同时保持内嵌FontAwesome图标

Question

我正在使用WordPress，因此只能通过自定义JS更改HTML。

这是HTML

<li class="submit-listing"><a href="http://localhost/proficientlink/post-your-ad/"><i class="fa fa-plus"></i> Submit Listing</a></li>

我已经尝试了所有这些方法：

$(".submit-listing a").html("<i class="fa fa-plus"></i> Post You Ad");

$(".submit-listing a").html(function(){
$(this).find("i").addClass("fa fa-plus");
this.nodeValue = "Post Your Ad";
});

但这些都不起作用。 我也尝试过这样： 如何使用jQuery获取，操纵和替换文本节点？ ，但似乎无济于事。

不管怎么说，还是要谢谢你。

Answer 1

您代码的第一行应该是

$(".submit-listing a").html("<i class='fa fa-plus'></i> Post You Ad");

将双引号更改为单引号，因为JavaScript将其视为结束字符串。

Answer 2

使用replace作品：

$('.submit-listing a').html(function (i, el) {
  return el.replace('Submit Listing', 'Post your ad');
});

演示