Javascript 如何通过jQuery直接访问任何单击的元素的根元素

我的代码如下所示：

审查令
♡ 移动到愿望列表
删除项目
产品1
课程
价格：


印度卢比
65,700

♡ 移动到愿望列表
删除项目
产品2

考试

价格：


印度卢比
5,700

数量：

–
1.
+
♡ 移动到愿望列表
删除项目
产品3

课程
价格：


印度卢比
65,700

♡ 移动到愿望列表
删除项目
产品4

课程
价格：


印度卢比
65,700

♡ 移动到愿望列表
删除项目
产品5
课程
价格：


印度卢比
65,700

您可以使用此脚本

$('.delete').click(function(e) {
    delete_p = $(this);
    var id = delete_p.parents('.v7Cartlist').data('id');
    var ptype = delete_p.parents('.v7Cartlist').data('ptype');
});

您可以直接找到具有类名的父级。使用带有类选择器的

parents

，该选择器也将获得祖父母

---

这是一个正在工作的

将相同的数据id设置为按钮也一样

<button class="btn-v7 delete" type="button" data-id="66" ptype="1"> <img src="../img/close.svg" alt="close"> Remove Item </button>


var id = $(this).data('id');
var ptype = $(this).data('ptype');

删除项目
var id=$（this.data（'id'）；
var ptype=$（this.data（'ptype'）；

您可以将

家长

与

最后一个

一起使用

$（'.delete'）。单击（函数（e）{
删除_p=$（此项）；
var id=delete_p.parents（'div'）.last（）.data（'id'）；
console.log（id）；
var type=delete_p.parents（'div'）.last（）.data（'ptype'）；
console.log（类型）
});

♡ 移动到愿望列表
删除项目
产品2

考试

价格：


印度卢比
5,700

数量：

–
1.
+
对不起，
最近的
，..有什么问题吗？你的代码中没有名为
的类。删除
，有
。在每个
删除项目
按钮上删除
类。检查下面的我的答案@GYaNI know this。但我不想这么做。。。谢谢
$('.delete').on( 'click', function() {
    var parentElm = $( this ).parents( 'div.v7Cartlist' );

    console.log( parentElm.data( 'id' ) );
    console.log( parentElm.data( 'ptype' ) )
} );