如何使用jQuery引用元素

我试图获取HTML元素中已经存在的值，并使用jQuery将其传递给另一个元素。我不确定我是否错误地引用了元素，因为它返回的不是数值。请查看我的代码并提供帮助：

var oldPrice=parseFloat（jQuery（'.product price-worth.price.price'）.first（）.text（）.replace（/[^0-9\.]+/g，”），10）；
$（'div.ratio-div'）.html（'Now'+oldPrice+'
'）

现在
£
169
var oldPrice=parseFloat（jQuery（'.product price-worth[itemprop=“price”].price'）.first（）.text（）.replace（/[^0-9\.]+/g，”），10）；
$（'div.ratio-div'）.html（'Now'+oldPrice+'
'）；

您需要使用此处编辑的属性选择器
[itemprop=“price”]
，因为您已将itemprop用作class price元素之前的属性。
var oldPrice=parseFloat（jQuery（'.product price-worth[itemprop=“price”].price'）.first（）.text（）.replace（/[^0-9\.]+/g，”），10）；
$（'div.ratio-div'）.html（'Now'+oldPrice+'
'）；

您需要使用此处编辑的属性选择器
[itemprop=“price”]
，因为您已将itemprop用作class price元素之前的属性。
如果您将
id
添加到具有以下价格类别的跨度中：

<span class="price" id="oldPrice"><span class="currency"></span>169</span>

var oldPrice = parseFloat($('#oldPrice').text());

如果将
id
添加到具有以下价格类别的范围：

<span class="price" id="oldPrice"><span class="currency"></span>169</span>

var oldPrice = parseFloat($('#oldPrice').text());

您的代码非常完美，但在jquery中使用了两个同名（.price）的类。
试试这个：


var oldPrice=parseFloat（jQuery（'.product price-worth.price'）.first（）.text（）.replace（/[^0-9\.]+/g，”），10）；
$（'div.ratio-div'）.html（'Now'+oldPrice+'
'）

现在
£
169
您的代码非常完美，但在jquery中使用了两个同名（.price）的类。
试试这个：


var oldPrice=parseFloat（jQuery（'.product price-worth.price'）.first（）.text（）.replace（/[^0-9\.]+/g，”），10）；
$（'div.ratio-div'）.html（'Now'+oldPrice+'
'）

现在
£
169
选择器中的第一个
.price

'.product-price-worth .price .price'

与跨度相同，不存在

<span itemprop="price">



你可以：


将选择器更改为：

“.产品价格价值[itemprop=“price”]。价格”

将跨度更改为


完全删除
.price
，因为选择器中的[space]表示任何级别的任何子级，而不仅仅是直接后代

“.产品价格价值.价格”


更新的小提琴：
选择器中的第一个
.price

'.product-price-worth .price .price'

与跨度相同，不存在

<span itemprop="price">



你可以：


将选择器更改为：

“.产品价格价值[itemprop=“price”]。价格”

将跨度更改为


完全删除
.price
，因为选择器中的[space]表示任何级别的任何子级，而不仅仅是直接后代

“.产品价格价值.价格”


更新的fiddle:
您是否正在尝试将169值作为旧价格重新获得？是的，这就是我正在尝试实现的目标您是否正在尝试将169值作为旧价格重新获得？是的，这就是我正在尝试实现的目标