首頁猿問在新標簽頁中打開所有鏈接，除了 TOC

在新標簽頁中打開所有鏈接，除了 TOC

JavaScript

嚕嚕噠 2021-11-12 14:19:54

我想在新標簽中打開我們文章正文中的所有鏈接，除了我們目錄中的任何哈希鏈接。我確定這很簡單，但我不確定如何指定不包含 TOC用于在新選項卡中打開文章主要內容中的鏈接的 Javascript：$(".single-post .entry-content p a").attr("target","_blank");示例文章 HTML<h2>Jump Ahead!</h2><a href="#one">Header One</a><a href="#two">Header Two</a><h2><a name="one"></a>Header One</h2>This is an example of a link that should open in a new tab <a href="https://example.com">New Tab</a>.<h2><a name="two"></a>header Two</h2>關于如何不讓 #one 和 #two 打開新標簽但在新標簽中打開 example.com 的任何想法？

查看完整描述

2 回答

智慧大石

TA貢獻1946條經驗獲得超3個贊

編輯：

正如您現在提到的，您的 TOC 鏈接都有一個href以哈希 (#) 開頭，因此：

$("a").each(function() {

//if the link is not a TOC link

if($(this).attr('href') && !$(this).attr('href').startsWith('#')) {

$(this).attr('target', '_blank');

}

});

<h2>Jump Ahead!</h2>

<a href="#one">Header One</a>

<a href="#two">Header Two</a>

<h2><a name="one"></a>Header One</h2>

This is an example of a link that should open in a new tab <a href="https://example.com" class="blank">New Tab</a>.

<h2><a name="two"></a>header Two</h2>

在這個片段中，我遍歷所有<a>標簽并檢查它們的 href 是否以#. 如果沒有，我正在添加target _blank屬性。

或者，如果所有 TOC 鏈接都在一個<h2>標簽內，您可以使用以下選擇器來定位所有沒有<h2>作為父標簽的錨標簽：

$("a:not(h2 a)").attr("target", "_blank");

反對回復 2021-11-12

慕容森

TA貢獻1853條經驗獲得超18個贊

新選項卡或窗口（取決于您的瀏覽器設置）

包括這個參數我你錨標簽（<a href...>）

target="blank"

所以這樣寫

<h2>Jump Ahead!</h2>

<a href="#one">Header One</a>

<a href="#two">Header Two</a>

<h2><a name="one"></a>Header One</h2>

This is an example of a link that should open in a new tab <a href="https://example.com" target="blank">New Tab</a>.

<h2><a name="two"></a>header Two</h2>

反對回復 2021-11-12

2 回答
0 關注
145 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

在新標簽頁中打開所有鏈接，除了 TOC

在新標簽頁中打開所有鏈接，除了 TOC

2 回答

添加回答

在新標簽頁中打開所有鏈接，除了 TOC