javascript - jquery 到 Plain Javascript 的转换

Question

我需要将一行 jQuery 代码转换为普通的旧 JavaScript。有人可以指导我吗？

$('a').filter(function(index) {
    return $(this).text() === "Officer Title Equivalent*";
}).each(function() {
    $(this).html($(this).html().replace("*", "<span style='color:red'>*</span>"));
});

Answer 1

对于直译...

获取 a 元素。

var a = document.getElementsByTagName('a');

使用 slice 将节点列表强制转换为节点数组，然后使用数组方法 filter 和 forEach

[].slice.call(a).filter(function (el) {
  return el.textContent === 'Officer Title Equivalent*';
}).forEach(function (el) {
  el.innerHTML = el.textContent.replace('*', '<span style="color:red">*</span>');
});

DEMO

另一个选项是 gurvinder 在他的问题中暗示的 - 不需要 filter，只是一个条件:

[].slice.call(a).forEach(function (el) {
  var txt = el.textContent;
  if (txt === 'Officer Title Equivalent*') {
    el.innerHTML = txt.replace('*', '<span style="color:red">*</span>');
  }
});

DEMO

Joseph(评论)是对的——你也可以这样做:

[].forEach.call(document.getElementsByTagName('a'), function (el) {
  var txt = el.textContent;
  if (txt === 'Officer Title Equivalent*') {
    el.innerHTML = txt.replace('*', '<span style="color:red">*</span>');
  }
});

DEMO