Javascript 按类获取元素并使其在新选项卡中打开

我在我的HTML中得到了一些由WordPress短代码构建的链接。不幸的是，这个短代码不包括target属性，这样我就无法在新选项卡中打开链接

我不是一个程序员，我正在寻找一个小的JS，在一个新的选项卡中打开特定类下的一些链接

比如：

if ("a" tag is under "div.newTab" class) onClick {window.open in a new tab}

希望你们能理解

---

谢谢大家。

您可以通过循环指定类下的所有链接来设置

target

属性

（函数（）{
$（“.newTab a”）。每个（函数（i，obj）{
obj.setAttribute（“目标”，“空白”）；
});
})();

window.onload=function（）
{
var allLinks=document.queryselectoral（“div.newTab a”）；
对于（var i=0；i如果您想避免操纵页面上的大量链接，可以使用jQuery捕获.newTab div中的链接并对其进行操作

示例HTML

<div class="someClass">
    <a href="http://google.com">Google</a>
</div>

<div class="newTab">
    <a href="http://wikipedia.org">Wikipedia</a>
</div>

工作
您是否需要在单击时对类进行评估，或者是否可以根据类是否已加载将链接标记为在新窗口中打开？虽然此代码可能会回答此问题，但提供有关如何和/或为什么解决此问题的附加上下文将提高答案的长期价值。
<div class="someClass">
    <a href="http://google.com">Google</a>
</div>

<div class="newTab">
    <a href="http://wikipedia.org">Wikipedia</a>
</div>

$( document ).ready( function( $ ) {
    $( '.newTab a' ).click( function( event ){
        event.preventDefault();
        window.open(( this ).href, '_blank');
    });
});

$(document).on('click', 'div.newTab a', function(e){ 
    e.preventDefault(); 
    var url = $(this).attr('href'); 
    window.open(url, '_blank');
});