获取父节点的属性

Question

我正在尝试使用

$(this).parentNode.attr('data-element')

which 应该在字符串中返回 0 - 5 但它不起作用。我在这样的函数中使用它

$('.someClass').each(function(){
    $(this).html(SomeFunction('SomeString', $(this).parentNode.attr('data-element')));
});

所有具有类“someClass”的元素都有一个parentNode

<li class="element" data-element: 1 (or any number from 0 to 5 (including))> </li>

，我不知道错误在哪里。我做错了什么？

——大卫

Answer 1

您在同一行代码中混合了 jQuery 和纯 JavaScript，这是行不通的。您可以使用:

$(this).parent().attr('data-element');   // jQuery

或

this.parentNode.getAttribute("data-element");   // plain javascript

parentNode 不是 jQuery 对象的属性，因此您不能按照您的方式混合使用这两者。获取父级的 jQuery 方法是 .parent()。

Answer 2

你应该这样做

 $(this).parent().attr('data-element')

，因为你不能在非 jQuery 对象上调用 attr()

Answer 3

尝试这样做：

$(this).parent().attr('data-element');

有关 .parent() 等函数的更多信息，请参阅 JQuery 文档的遍历部分：
http://api.jquery.com/category/traversing/

Answer 4

使用 jquery 应该是：

$(this).parent().attr('data-element');

不使用 jquery 这将是：

this.parentNode.getAttribute("data-element")

Answer 5

我更喜欢使用：

var item = $(this);

var parent = item.closest(".element"); //using the class for selection

//and then use parent.attr('data-element')