jquery to 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

Иосиф (комментарии) прав - вы также можете сделать:

[].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

Answer 2

это должно быть так же просто, как

var allAnchors = document.getElementsByTagName("a"); 
for (var counter = 0; counter < allAnchors.length; counter++) 
{ 
    var node = allAnchors.item(counter); 
    if (node.innerText === "Officer Title Equivalent*") 
    { 
     node.innerHTML = node.innerHTML.replace("*", "<span style='color:red'>*</span>"); 
    } 
} 

должен работать на most browsers