Jquery 如何在span类上获取li的数据id单击

我有如下使用ul li的数据

<ul class="quotes">
    <% for(var i=0; i<quotes.length; i++) {%>
        <li class="quote" data-id= "<%= quotes[i]._id %>">
            <span><%= quotes[i].name %></span> - 
            <span><b><%= quotes[i].price %></b></span>
            <span class="remove">X</span>
        </li>
    <% } %>
</ul>

---

并且还尝试了$（这个）。最近的（李）。。但是我没有得到它。

你可以搜索父母并获得它的

数据id

：

$('.remove').on('click', function() {
    $(this).parents('li').attr('data-id');
});

或者，只需获取直接父级，然后使用

数据

方法获取值：

$('.remove').on('click', function() {
    $(this).parent().data('id');
});

您可以使用

$（this）.parent（）.attr（'data-id'）

或

$（this）.closest（'li'）.attr（'data-id'）

或

$（this）.parents（'li'）.attr（'data-id'）

选择与选择器匹配的第一个元素，向上
从DOM树

选择DOM树上的一个元素

方法与类似，但选择所有
匹配DOM树中的元素


$（'.remove'）。在（'click'，函数（e）上{
console.log（$（this.parent（）.attr（'data-id'））；
console.log（$（this.closest（'li'）.attr（'data-id'））；
console.log（$（this.parents（'li'）.attr（'data-id'））；
});



姓名-
123
X


姓名-
123
X


姓名-
123
X


$('.remove').on('click', function() {
    $(this).parent().data('id');
});