更改锚文本，同时保持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"; 
}); 

但这些工作。我也试过这个：How can I get, manipulate and replace a text node using jQuery?，但似乎没有任何与我一起工作。

无论如何。

Answer 1

使用replace作品：

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

DEMO

Answer 2

你的代码应该是第一行，

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

更改双引号为单引号，因为JavaScript将它们视为关闭的字符串。