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

代码的第一行应该是，

$(".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');
});

<强> DEMO

在保持FontAwesome图标内联的同时更改锚文本

2 个答案: