更改錨文本，同時保持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將它們視爲關閉的字符串。