是否可以使用 javascript / jquery 选择包含 target="_blank" 的网页中的所有锚标记？ [复制]答案

【问题标题】：Is it possible to select all anchor tag in a web page which contains target="_blank" using javascript / jquery? [duplicate]是否可以使用 javascript / jquery 选择包含 target="_blank" 的网页中的所有锚标记？ [复制]
【发布时间】：2019-09-01 11:10:16
【问题描述】：

我正在尝试选择包含 target="_blank" 属性的网页中的所有锚标记。

我已经搜索了其他问题，但找不到合适的解决方案。

<a href="https://wclink.co/link/22523/121674/4/83501" 
data-store="Frontgate" data-vars-store="Frontgate" 
data-vars-outbound-link="https://wclink.co/link/22523/121674/4/83501" rel="nofollow" 
target="_blank" 
data-gtm-trigger="callout_product_link_button"><span>$30</span> from <span>Frontgate</span></a>

我想要一个列表或数组对象，其中包含整个页面中的所有 target="_blank"，使用 javascript / jquery。

谢谢你

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

querySelectorAll怎么样

document.querySelectorAll('a[target="_blank"]')

喜欢这个

document.querySelectorAll('a[target="_blank"]').forEach(lnk =&gt; console.log(lnk.href))

<a href="x">x</a><br/>
<a href="https://wclink.co/link/22523/121674/4/83501" 
data-store="Frontgate" data-vars-store="Frontgate" 
data-vars-outbound-link="https://wclink.co/link/22523/121674/4/83501" rel="nofollow" 
target="_blank" 
data-gtm-trigger="callout_product_link_button"><span>$30</span> from <span>Frontgate</span></a><br/>
<a href="y">y</a>

【讨论】：

document.querySelectorAll('a[target="_blank"]') 怎么样

【解决方案2】：

您可以使用此 jquery 代码选择每个锚标记：

$('a[target="_blank"]').dosomething();

所以如果你想选择所有具有特定属性的标签：

$('--your html element here--[--your element's attribute--="--specific value--"]')

你也可以用 css 做到这一点：

 a[target="_blank"]{
     //css here
 }

【讨论】：

它会选择所有包含 target = "_blank" 的锚标签吗？我在一个页面上试过，但只显示一个链接。我删除了 dosomething()。我怎样才能得到所有的标签？
你想用那个做什么。你能提供更多信息吗？

【解决方案3】：

对于 JavaScript

document.querySelectorAll('[target="_blank"]')

对于jquery

$('[target="_blank"]')

【讨论】：