Javascript 从DOM中删除浮点值

我的页面上有以下元素：

<div id="price">$8.00</div>

我希望能够将值8.00分配给JavaScript变量，这样我就可以对其执行数学运算，特别是8.00*.2，然后希望获取新数字并将其放置在原始数字旁边，同时仅对原始数字应用一行。所以结果会是这样的：

$8.00$1.60，其中$8.00有一个文本装饰：线通过应用于它

我已经能够计算出数学和重置文本，但我需要帮助，了解如何获取显示的内容，并将其值指定给变量。我正在使用jQuery。感谢您的帮助

$“价格”。文本将为您获取文本。从那里，您可以使用parseFloat来获取数字。然而，您在那里有一个$，所以您也需要子字符串

var price = parseFloat($('#price').text().trim().substr(1));

---

您可以使用正则表达式只查找数字并使用它，也可以获取所有信息并使用parseFloat，它只返回数字。。。或者，如果您可以修改html，您也可以这样做

<div id="price">$<span id="actual_price">8.00</span></div>

parseFloat$'price'。文本将以浮点数的形式提供数字。 然而，如果您想要获得一个变量，您必须使用var来分配一个变量。 另外，您需要使用substring来获取8.00，否则变量将为NaN。

HTML

<div id="price">$8.00</div>

---

谁在否决这个问题，为什么？这是个很好的问题。@OP的布拉德什么都没试过！那就说吧。我认为这个问题的焦点足够狭窄，没有问题，但任何反对票都应该得到解释？尝试完成。由于没有显示全部代码，答案立即被否决。这显然是有人要求为他们做家庭作业，而无意实际学习anything@Neal，接近投票解释是针对接近投票。如果你打算在这上面投否决票，一些解释是有道理的。你可能想在运行substr之前删减文本。“到处都有空间，”比尔·克里斯威尔说，“这正是我要找的。”。谢谢你，布拉德。这两个问题，以及选择的答案，正是我想要的。谢谢你们两位。

var price = $('#price').text().substring(1);
  newPrice = price * 0.2;
  newText = '<span>$' + price + '</span> $' + newPrice;
$('#price').html(newText);

#price span { text-decoration: line-through; }