javascript - 如何使用 Javascript 选择所有具有特定文本内容的 anchor 标记?

标签 javascript html css-selectors selectors-api

<分区>

我想使用 document.querySelector() 中的选择器来选择所有带有文本“print”的标签。

<a href="https://www.google.co.in">print</a>

我怎样才能选择相同的。我不想使用 jQuery。我不必只是 querySelector,任何其他选择器都可以。

最佳答案

var findElements = function(tag, text) {
  var elements = document.getElementsByTagName(tag);
  var found = [];
  for (var i = 0; i < elements.length; i++) {
    if (elements[i].innerHTML === text) {
      found.push(elements[i]);
    }
  }
  
  return found;
}

console.log(findElements('a', 'print'));
<a href="https://www.google.co.in">print</a>
<a href="https://www.google.co.in">skip</a>

关于javascript - 如何使用 Javascript 选择所有具有特定文本内容的 anchor 标记?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48422270/

相关文章:

javascript - MegaMenu 在打开另一个菜单项时不会关闭子菜单

javascript - 如何使用带 Angular 动态 Controller 附加 div 标签?

javascript - 需要帮助清除对话框中的元素 AngularJS

html - 如何防止 HTML 元素成为 CSS 规则的目标?

python - Python 中的 JQuery/CSS 选择器?

html - 悬停在第 n 个 child 上的问题

javascript - 为什么我必须调用 () push() JS 函数并重新设置它以获得预期的结果?

javascript - 用于获取 javascript 中特定嵌套元素的正则表达式

html - 在右上角制作导航栏

html - 无论屏幕大小如何,媒体查询都会触发