获取父节点

Question

的属性我想使用

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

应返回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> 

，我不知道哪里是错误的。我究竟做错了什么？

--David

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'); 

有关像.parent功能的详细信息（）见jQuery的文档的遍历部分： http://api.jquery.com/category/traversing/

Answer 3

你应该做

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

因为你不能非jQuery对象

Answer 4

使用jQuery上称之为attr()它应该是：

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

没有使用jQuery，这将是：

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

Answer 5

我更喜欢使用：从jQuery的

var item = $(this); 

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

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