用jQuery獲取元素的父元素

Question

我正在學習jQuery，所以它可能是某種誤解。

考慮javascript：

var controls = $("#" + val.controltovalidate);
var input = controls[0];
var parent = input.parent();                
var pos = parent.position;

首先我得到具有特定ID的元素列表，因為它在ASP.NET中我知道它只是一個元素，但我使用的是jQuery，它給了我列表。 我還在前面添加“＃”以使其正常工作。 有更好的方法嗎？

第二個我得到實際的元素（數組在0） HtmlInput第三我想找到它的容器，我正在做input.parent() 。 這個調用為我返回NULL。 為什么？ 我知道這個input有父P

Answer 1

使用closest();

var parent = $(input).closest('p');

Answer 2

你應該做$("#" + val.controltovalidate).parent()如果你想找到直接的父和$("#" + val.controltovalidate).closest('p')如果你想找到第一個祖先層次結構中的<p>元素。

每個jQuery對象都是一個集合，所以不要擔心這個事實並做任何你需要的事情。 它只會影響一個DOM元素。

對於第二個問題：當您通過jQuery集合中的索引訪問元素時，它將返回DOM元素。 這就是你獲得HTMLInputElement的原因。

Answer 3

嘗試最后兩行，如下所示：

 var pos = $(input).parent().position();