使用JavaScript更改基于文本的锚定目标（无jQuery）

Question

我有C＃代码，可以即时生成Anchor标签。 我想根据文本更改锚点目标。

例如，动态代码生成的HTML如下所示

<a target='_blank' class=txt href="http://www.stackoverflow.com">THE BEST SITE</a>

如果文本等于“最佳网站”，我想更改其目标

注意：我没有在asp.net项目中包含jQuery文件。

到目前为止，我已经尝试包括此脚本只是为了获取文本，但它甚至没有显示警报

$(document).ready(function() {
    $(".txt").click(function() {
        alert($(this).text());
    });
});

Answer 1

这是一个检查元素的innerText是否等于特定短语的函数。 如果是，它将设置特定于该短语的目标属性。

 function changeTarget(elem, phrase){
       if(elem.innerText === phrase){
         elem.target = phrase;
       }
    }

根据您的DOM，您可以迭代所有锚元素，然后使用所需的短语运行此功能。

如果您有一堆.txt类，则可以执行以下操作：

var elems = document.querySelectorAll('.txt');
for(var i = 0; i < elems.length; i++){
  changeTarget(elems[i], "THE BEST SITE");
}

Answer 2

我想你想要类似的东西

var els = document.getElementsByClassName('txt');
for(var i=0; i<els.length; ++i)
    if(els[i].textContent == "THE BEST SITE")
        els[i].target = 'something';