Question

我想用图片替换菜单中的链接文本。菜单是使用rapidweaver生成的，因此我不能更改任何模板HTML本身，除了链接中包含的文本。 E.g。

<a href="http://truehealth.gr/eng/" rel="">!UK!</a>

我的解决方法是将独特的占位符文本放在我想用图像替换的菜单链接中。例如。 !UK!。然后，用我的图像替换占位符。

我认为我可以使用JavaScript或jQuery，但不知道如何进行查找和替换。

由于

Answer 1

假设您可以在页面上使用一些自定义jQuery，这个非常hacky的解决方案可能对您有帮助。

$("a").each(function() {
  // Check if the link text is a match
  if($(this).html() == "!UK!") {
    // Replace link text with image
    $(this).html("<img src='http://placehold.it/100x100'>");
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a href="http://truehealth.gr/eng/" rel="">!UK!</a>

我想用图像替换菜单中的链接文本

1 个答案: