jQuery element.closest(...).attr在使用每个时都不是函数

Question

迭代一些DOM元素时,我发现不可能在它们上使用.data或.attr:

$('.running').each (index, element) =>
    console.log element.closest('[data-id]')

抓住我

<section class="job-block" data-id="240"></section>
...

但

$('.running').each (index, element) =>
    console.log element.closest('[data-id]').data('id')

投

未捕获的TypeError:element.closest(...).data不是函数

Answer 1

closest()您使用的方法是原生 JS 方法，它返回 DOM 元素对象，因为element引用了 DOM 元素对象。

有多种获取属性值的选项，可以从datasetproperty获取：

$('.running').each (index, element) =>
    console.log element.closest('[data-id]').dataset.id

或者通过 jQuery 包装元素并使用data()方法。

$('.running').each (index, element) =>
    console.log $(element.closest('[data-id]')).data('id')

或者element用 jQuery包装并使用 jQueryclosest()方法。

$('.running').each (index, element) =>
    console.log $(element).closest('[data-id]').data('id')