将目标属性添加到没有 id 或类的锚标签答案

【问题标题】：Add target attribute to anchor tags without id or class将目标属性添加到没有 id 或类的锚标签
【发布时间】：2014-10-31 23:28:59
【问题描述】：

我有一个输入，它允许用户为超链接添加带有锚标记的文本。我想让用户保持简单，所以他们只需要输入<a href="www.google.com">link</a>，但希望系统地向标签添加target 属性。

在 JavaScript 中是否有一种优雅的方式我可以在没有与标签关联的 ID 的情况下做到这一点？（例如 getElementById 不会在这里工作）。我在 stackoverflow 中找到的其他条目解决了这个问题，但仅当锚标记具有 ID 时。

但是，这些链接将始终具有相同的父 div 类。

【问题讨论】：

【解决方案1】：

找到了一种仅通过 JavaScript 实现的方法：

var nLink = $("div.notification-popup-message > a");

nLink.click(function(e) {
    e.preventDefault();
    window.open(this.href);
});

另一种使用 querySelecterAll 的方法实际上将属性添加到 DOM 中的 HTML：

var messageLink = document.querySelectorAll("div.message > a");

$(function() {
    $(messageLink).attr("target", "_blank");
});

【讨论】：