18910140161

$(this).sibling(".类名")。子级(".类名")。text()方法在jQuery中不起作用-堆栈溢出

顺晟科技

2022-10-18 12:35:37

183

我在购物车中动态创建列表项。我必须得到删除项目按钮的兄弟姐妹的子值,如数量和价格,而删除购物车项目,但方法不起作用。

var cartItem= $("<li class='newItem'>
    <p class='id'>"+id+"</p>
    <div class='picture'><img src='"+ image +"' ></div>
    <div class='details'>
        <span class='weight'>"+weight+"<span> /</span>
        <span class='avail'>"+availability+"</span> 
        <p class='price'>"+price+"</p> 
        <p class='name'>"+name+"<p class='quantity'>"+quantity+"</p>
    </div> 
    <a type='button' class='removeItem'>Remove Item</a>
</li>");

$("#cartList").prepend(cartItem); //creating list item

//Remove a Cart Item
$(".removeItem").click(function(){
    $(this).parent().remove();

    //Show empty cart view if all items are removed
    if( ($("#cartList").has("li").length === 0) ) {
        $("#empty-cart").css("display","block");
        $("#shipping_text, #total_amount_text").css("display", "none");
    }

    //Decrement in total amount while removing an item
    var q = parseInt($(this).siblings('.details').children('.quantity').text());
    var p =parseInt($(this).siblings('.details').children('.price').text().replace("$", ""));
    console.log($(this).siblings('.details'));
    total -= q*p;
     
    $("#total_amount_text span").text(total)
})

顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航