已解決430363個問題，去搜搜看，總會有你想問的

如何使用 JavaScript 突出顯示包含數組中關鍵字的所有鏈接

首頁猿問如何使用 JavaScript...

如何使用 JavaScript 突出顯示包含數組中關鍵字的所有鏈接

JavaScript

忽然笑 2022-10-27 10:55:28

我正在網頁中搜索數組中的關鍵字。此代碼通過將文本替換為突出顯示文本的標簽來工作，但是當它找到作為鏈接的關鍵字時，它會破壞它們，因為它在標簽中放置了一個標簽<a>。我試圖通過將 $this.html() 更改為 $this.parent.html() 來引用父元素，但這不起作用。這是 JSFiddle：https ://jsfiddle.net/uzfsjqyr/1/我會很感激一些幫助，好嗎？var regex = /(Apples|oranges)/g;$('*').each(function() { var $this = $(this); var text = $this.text(); if (regex.test(text)) { $this.html( $this.html().replace(regex, '</a>$1') ); }});

查看完整描述

2 回答

慕雪6442864

TA貢獻1812條經驗獲得超5個贊

您應該選擇 allp和atags inbody而不是 using *which 甚至會選擇script標簽本身。此外，刪除</a>關閉任何錨標記的那個。要不修改錨標記的 HTML，您可以在替換之前檢查當前元素是否沒有子元素。

var regex = /(apples|oranges)/g;

$('body a, body p').each(function() {

var $this = $(this);

var text = $this.text();

if (text.match(regex) && $this.children().length===0) {

$this.html(

$this.html().replace(regex, '$1')

);

}

});

I bought some apples.

<a href="oranges.html">I bought some oranges.</a>

I bought some pears.

反對回復 2022-10-27

藍山帝景

TA貢獻1843條經驗獲得超7個贊

</a>從您的代碼中刪除。這</a>是關閉任何錨標記。

var regex = /(apples|oranges)/g;

$('*').each(function() {

var $this = $(this);

var text = $this.text();

if (regex.test(text)) {

$this.html(

$this.html().replace(regex, '$1')

);

}

});

反對回復 2022-10-27

2 回答
0 關注
102 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

如何使用 JavaScript 突出顯示包含數組中關鍵字的所有鏈接

如何使用 JavaScript 突出顯示包含數組中關鍵字的所有鏈接

2 回答

添加回答