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

时间:2013-06-26 06:44:51

标签: javascript jquery

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

这一切都很好,但是,每个按钮都是激活JavaScript的链接,所以我不能像我希望的那样容易地改变它们。

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

例如[D] to [Foo] and [D+] to [Bar]

http://jsfiddle.net/N57FX/

这可能对你没有任何好处,因为我完全正确地说出我之前所说的话。我只想将页面上控件类中的[D]的每个实例(每页多个帖子)更改为[Foo]

2 个答案:

答案 0 :(得分:0)

如果这些是input个元素,那么就像以下一样简单:

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

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

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

答案 1 :(得分:0)

因为,你的小提琴中有标题,请使用:

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'); });
});