Спасибо еще раз за помощь в данном вопросе, получилось сделать подобны код, все работает, но теперь еще момент интересен, а как можно задать последовательность вывода элементов, а то при обновлении и они постоянно меняю порядок!?
Вот код который у меня получился
window.addEventListener('DOMContentLoaded', function() {
var data = {"все металлы" : "all_metal", "585-желтое золото" : "yellow_gold_585", "750-желтое золото" : "yellow_gold_750", "585-белое золото" : "white_gold_585", "750-белое золото" : "white_gold_750"};
var treeWalker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
while (treeWalker.nextNode()) {
var el = treeWalker.currentNode;
if(el.parentNode.tagName !== "A") continue;
Object.keys(data).forEach(function(key) {
while (~el.data.indexOf(key)) {
var next = el.splitText(el.data.indexOf(key));
el.parentNode.insertAdjacentHTML("afterBegin", '<img style="height:60px" src="/images/opravy/icon_'+data[key]+'.png" width="60" height="60">');
el = next.splitText(key.length);
next.parentNode.removeChild(next)
}
})
};
});
а порядок нужен вот такой:
1. Все металлы
2. 585-желтое золото
3. 585-белое золото
4. 750-желтое золото
5. 750-белое золото
Заранее благодарю за помощь!