首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >从JS中的父节点获取父节点

从JS中的父节点获取父节点
EN

Stack Overflow用户
提问于 2017-04-21 10:30:40
回答 1查看 227关注 0票数 0

我有以下html代码:

当我单击delete按钮时,该产品的< li >属性必须删除。

它曾经与JS合作过,但现在却没有这样做。听众:

代码语言:javascript
运行
复制
cartList.on('click', '.delete-item', function(event){
  event.preventDefault();
  removeProduct($(event.target).parents('.product'));
});

这是removeproduct函数,直到它崩溃:

代码语言:javascript
运行
复制
function removeProduct(product) {
  clearInterval(undoTimeoutId);
  cartList.find('.deleted').remove();
  var topPosition = product.offset().top - cartBody.children('ul').offset().top, 
    productQuantity = Number(product.find('.quantity').find('input').val()),
    productTotPrice = Number(product.find('.price').text().replace('€', ''));
}

我知道错误:

main.js:168未定义的TypeError:无法读取未定义的属性“top”

因此,他可能无法获得节点产品,而只能读取“操作”--作为父节点的第一个节点。但是如何访问产品li属性来删除整行?

EN

回答 1

Stack Overflow用户

发布于 2017-04-21 11:39:30

尝试使用以下代码片段:

代码语言:javascript
运行
复制
cartList.on('click', '.delete-item', function(event){
 $(this).parents('.product').remove(); //this will remove the parent .product from the DOM
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43540377

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档