第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何使用 JavaScript 突出顯示包含數(shù)組中關(guān)鍵字的所有鏈接

如何使用 JavaScript 突出顯示包含數(shù)組中關(guān)鍵字的所有鏈接

忽然笑 2022-10-27 10:55:28
我正在網(wǎng)頁(yè)中搜索數(shù)組中的關(guān)鍵字。此代碼通過(guò)將文本替換為突出顯示文本的標(biāo)簽來(lái)工作,但是當(dāng)它找到作為鏈接的關(guān)鍵字時(shí),它會(huì)破壞它們,因?yàn)樗跇?biāo)簽中放置了一個(gè)<span>標(biāo)簽<a>。我試圖通過(guò)將 $this.html() 更改為 $this.parent.html() 來(lái)引用父元素,但這不起作用。這是 JSFiddle:https ://jsfiddle.net/uzfsjqyr/1/我會(huì)很感激一些幫助,好嗎?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><span style="background: #fa7373;">$1</span>')        );    }});
查看完整描述

2 回答

?
慕雪6442864

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊

您應(yīng)該選擇 allp和atags inbody而不是 using *which 甚至?xí)x擇script標(biāo)簽本身。此外,刪除</a>關(guān)閉任何錨標(biāo)記的那個(gè)。要不修改錨標(biāo)記的 HTML,您可以在替換之前檢查當(dāng)前元素是否沒(méi)有子元素。


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, '<span style="background: #fa7373;">$1</span>')

        );

    }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<p>

I bought some apples.

</p>


<p>

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

</p>


<p>

I bought some pears.

</p>


查看完整回答
反對(duì) 回復(fù) 2022-10-27
?
藍(lán)山帝景

TA貢獻(xiàn)1843條經(jīng)驗(yàn) 獲得超7個(gè)贊

</a>從您的代碼中刪除。這</a>是關(guān)閉任何錨標(biāo)記。


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


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

    var $this = $(this);

    var text = $this.text();

    if (regex.test(text)) {

        $this.html(

            $this.html().replace(regex, '<mark>$1</mark>')

        );

    }

});


查看完整回答
反對(duì) 回復(fù) 2022-10-27
  • 2 回答
  • 0 關(guān)注
  • 111 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)