獲取父節點

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