剝離HTML和貨幣符號的Javascript

Question

我有這個HTML：

<span class="price-amount amount"><span class="price-currencySymbol">£</span>49.99</span>

我只想提取'49 .99'的值而沒有html和貨幣符號。

我已經試過了：

function() {
    var element = document.querySelector('.price-amount');
    var price = element.innerHTML.replace('£', '');
    return price;
}

但是結果是這樣的：

 <span class="price-currencySymbol">£</span>49.99

而不是：49.99

Answer 1

通過使用選擇器邏輯並訪問適當的文本節點，您甚至不需要使用regexp。

 var price = document.querySelector(".price-amount") .childNodes[1].textContent; console.log(`Extracted price: ${price}`); 

 <span class="price-amount amount"><span class="price-currencySymbol">£</span>49.99</span> 

Answer 2

如果您想在每種情況下都刪除'.price-currencySymbol'跨度中的內容，則只需清空其html：

document.querySelector(".price-amount").innerHTML = "";

Answer 3

嘗試這個

var price = element.innerHTML.match(/\d+\.\d+/)[0];

哪里

.match使用正則表達式搜索價格模式。

[0]返回第一個匹配項，在您的情況下，它將是唯一的匹配項。