Javascript Can';无法获取span属性的值
我想获取div中span属性的值。该div是LI属性的一部分。li属性是用javascript创建的(下面是完整代码)。这是我的html:Javascript Can';无法获取span属性的值,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想获取div中span属性的值。该div是LI属性的一部分。li属性是用javascript创建的(下面是完整代码)。这是我的html: <ul name="products"> <li class="product" name="product2"> <input type="hidden" name="p2" value="Boter_250g/3/9.00"> <div class="product-image"></div>
<ul name="products">
<li class="product" name="product2">
<input type="hidden" name="p2" value="Boter_250g/3/9.00">
<div class="product-image"></div>
<div class="product-details">
<a style="color: black;">Boter 250g</a>
<span class="price">€ 9.00</span>
<div class="quantity">
</div>
</div>
</li>
</ul>
或
总是给出“0”
js:
函数addProduct(){
var产品=产品[类型];
var productname=product.replace(/\ug/g,“”);
var productAdded=$(''+
'' +
'' +
'' +
'' +
'' +
“ ”);
cartList.prepend(productAdded);
}
既然您正在使用jquery,为什么不使用:
$(".price").text();
这里有一些无效的假设
- li不是一个属性,而是一个HTML元素
- 您可以使用
$('yourElement').attr(“”)代码>
获取跨度值,然后单击ing元素
$('li.product').click(function(){ alert($(this).find('.product-details span.price').html().replace('€', ''))})
更新:
使用删除功能
<a href="#0" class="delete-item" data-i = ' + i + '>
$('.delete-item').click(function(){
var i = $(this).data('i');
var price = $('li.product[name="product'+i+'"] .product-details span.price').html().replace('$', '');
})
$('.delete item')。单击(函数(){
var i=$(this.data('i');
var price=$('li.product[name=“product'+i+'”)。产品详细信息span.price').html()。替换('$','');
})
我加了一把小提琴。请检查它是否适合你
$('body').on('click', '.delete', function(e) {
e.preventDefault();
var text = $(this).closest('li.product').find('span.price').text()
console.log(text.replace('€', ''))
})
您的代码中有错误
应该是
productQuantity=Number($(this).find('.quantity').find('input').val())@乔纳森:是的,我刚刚写好了,你能做一把小提琴吗?使用值您在这里调用此productToPrice=Number($(this).find('.price').text().replace('€'),'')真的吗?到底要求什么就投反对票?我没有这么做。有一个问题。我有更多的李元素,所以他把它们都给了我。这有助于我进入下一步。我没有我想要的value@belgiums您到底什么时候需要该值?单击或加载?当我单击“删除”按钮时,通过“删除”函数中的“i”值或“此”值。@belgiums我已随“删除”函数中的更改而更新
$('li.product[name="product'+i+'"] .product-details span.price').html().replace('$', '')
$('li.product').click(function(){ alert($(this).find('.product-details span.price').html().replace('€', ''))})
<a href="#0" class="delete-item" data-i = ' + i + '>
$('.delete-item').click(function(){
var i = $(this).data('i');
var price = $('li.product[name="product'+i+'"] .product-details span.price').html().replace('$', '');
})
$('body').on('click', '.delete', function(e) {
e.preventDefault();
var text = $(this).closest('li.product').find('span.price').text()
console.log(text.replace('€', ''))
})