首頁猿問使用...

使用 jquery/javascript：如何在無法編輯 html 的情況下刪除空格并保留分隔符

JavaScript

喵喵時光機 2023-07-06 17:34:10

我嘗試了很多方法來解決我的問題。在我下面的代碼中，這是我可以獲得的壁櫥，即使如此，這也不是我想要的。試圖實現：我正在從 div 復制 html 并將其放置在文本區域內。我去掉了 html 但保留換行符。然而，由于 html 是從第三方網站使用的，我無法控制 'html' 的結構方式。正如代碼中看到的額外空格一樣。以下代碼在文本區域中應該美觀整潔，如下所示：文本區域數據的格式應如下所示：產品詳情：商品編號： 000800209270品牌: 尼康型號：D3500顏色: 黑色鏡頭數量：2這款尼康 D3500 相機機身配有尼康 18-55mm 1:3.5-5.6G VR 鏡頭尼康 70-300mm 1:4.5-6.3G ED VR 鏡頭 1 個電池和充電器。快門數：426相機和兩個鏡頭都處于完美的工作狀態，幾乎沒有任何明顯的磨損（請參見照片）。有關此項目或您可能見過的任何其他項目的更多信息，請隨時向我發送電子郵件，我會盡快回復。? ? function strip() {? ? ? ? $("#pstad-descrptn").text($('#item-info-container').text());? ? setTimeout(? ? function() {? ? ? ? ? ? jQuery.fn.cleanWhitespace = function() {? ? ? ? this.contents().filter(? ? ? ? ? ? function() { return (this.nodeType == 3 && !/\S/.test(this.nodeValue)); })? ? ? ? ? ? .remove();? ? ? ? return this;? ? ? ? }? ? ? ? $('#item-info-container').cleanWhitespace();? ? ? ? $('#pstad-descrptn').cleanWhitespace();? ? }, 200 );? ? };我已經束手無策了，我已經嘗試了很多“空白”刪除技術，javascript和css都沒有成功。請有人把我從痛苦中拯救出來。太感謝了！

查看完整描述

1 回答

郎朗坤

TA貢獻1921條經驗獲得超9個贊

你可以簡單地使用innerText

function strip() {

document.querySelector('#pstad-descrptn').value =

document.querySelector('#item-info-container').innerText

};

<h2 class="h5">Product details:</h2> <div class="product-details__columns"> <p class="product-details__column"> <strong>Item Number:</strong> <span id="product-unique-id">000800209270</span> </p> <p class="product-details__column"> <strong>Brand:</strong> <span>Nikon</span> </p> <p class="product-details__column"> <strong>Model Number:</strong> <span>D3500</span> </p> <p class="product-details__column"> <strong>Colour:</strong> <span>Black</span> </p> <p class="product-details__column"> <strong>Number of Lenses:</strong> <span>2</span> </p> </div> </div>

This Nikon D3500 camera body comes with<br><br>Nikon 18-55mm 1:3.5-5.6G VR Lens<br>Nikon 70-300mm 1:4.5-6.3G ED VR Lens<br>1 battery & charger.<br><br>Shutter count: 426<br><br>The camera and both lens are in perfect working order, and is showing hardly any visible wear (please see photos).<br><br>For more information on this or any other item you may have seen please feel free to send me an email and I will respond as soon as possible.<br><br> </div>

</div>

我希望預先描述是一個沒有空格只有換行符的代碼塊。

然后，您需要分隔段落并將它們組合起來（并消除以第一段結尾的雙行）

function strip() {

let item_pre_desc = document.querySelector('#item-pre-description')

let item_desc = document.querySelector('#item-description')

let result = document.querySelector('#pstad-descrptn')

result.value =

item_pre_desc.innerText.replace(/\n+/g,'\n')

+ '\n'

+ item_desc.innerText

};

</div>

反對回復 2023-07-06

1 回答
0 關注
126 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

使用 jquery/javascript：如何在無法編輯 html 的情況下刪除空格并保留分隔符

使用 jquery/javascript：如何在無法編輯 html 的情況下刪除空格并保留分隔符

1 回答

添加回答