javascript - 将控制按钮更改为可理解的英语

Question

基本上，我[D] [D+] [B] [B&D] [F]在一个名为 的类中有这个control，在一个页面上多次

这一切都很好，而且花花公子，但是，这些按钮中的每一个都是激活 JavaScript 的链接，所以我不能像我希望的那样轻松地更改它们。

如何将页面上这些控制按钮的每个实例更改为特定文本，同时保留它们的功能？

比如[D] to [Foo] and [D+] to [Bar]？

http://jsfiddle.net/N57FX/

这可能对你没有任何好处，因为我确实在说我之前所说的。我只想将页面上控件类中的 [D] 的每个实例（每页多个帖子）更改为 [Foo]

Answer 1

由于您的小提琴中有标题，请使用这些：

window.addEventListener ('load', function () {
  [].slice.call (document.querySelectorAll ('.controls a')).forEach (
      function (b) { b.innerHTML = b.title; });
});

见分叉小提琴：http: //jsfiddle.net/jstoolsmith/URPa4/

如果您想要标题和按钮中的不同文本，则data-text使用所需文本为每个控件添加一个属性并使用

window.addEventListener ('load', function () {
  [].slice.call (document.querySelectorAll ('.controls [data-text]')).forEach (
      function (b) { b.innerHTML = b.getAttribute ('data-text'); });
});

Answer 2

如果这些是input元素，则很简单：

$(".control[value=D]").val("Foo");

如果它们是锚点或任何其他元素，它会变得有点棘手：

$(".control").filter(function(){
    return $(this).text() === "D";
}).text("D");