JavaScript -Funktionen erfordern normalerweise Zugriff auf das übergeordnete Element im DOM.

In JavaScript kann es mit element.parentNode implementiert werden.

In JQuery k?nnen Sie element.parent() verwenden, um dieselbe Funktion zu erreichen.

Folgendes ist ein JavaScript -Beispiel:

html:

<ul id="tabs"></ul>
<li class="firsttab"><a href="http://www.miracleart.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">one</a></li>
<li class="secondtab"><a href="http://www.miracleart.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">two</a></li>

JavaScript:

function init() {
  var tablinks = document.getElementById('tabs').getElementsByTagName('a');
  for (var i = 0, j = tablinks.length; i < j; i++) {
    tablinks[i].onclick = doit;
  }
}

function doit() {
  alert(this.parentNode.className);
}

window.onload = init;

FAQs (FAQ) zum Zugriff auf übergeordnete Elemente in JavaScript und JQuery

Was ist der Unterschied zwischen parentElement und parentNode in JavaScript?

In JavaScript werden sowohl parentElement als auch parentNode verwendet, um auf das übergeordnete Element eines bestimmten Elements zuzugreifen. Es gibt jedoch Nuancen zwischen den beiden. Das Attribut parentNode gibt den übergeordneten Knoten eines Elements als Knotenobjekt zurück, was bedeutet, dass es einen beliebigen Knotentyp zurückgeben kann (Elementknoten, Textknoten, Kommentarknoten usw.). Andererseits gibt das Attribut parentElement den übergeordneten Knoten als Elementobjekt zurück, was bedeutet, dass es nur den Elementknoten zurückgibt. Wenn der übergeordnete Knoten kein Elementknoten ist, gibt parentElement null zurück.

Wie kann ich JQuery verwenden, um auf übergeordnetes Element zuzugreifen?

In jQuery k?nnen Sie die Methode parent() verwenden, um das direkte übergeordnete Element des ausgew?hlten Elements zu erhalten. Wenn Sie beispielsweise ein Element mit ID "Child" haben, k?nnen Sie auf das übergeordnete Element wie folgt zugreifen: $("http://www.miracleart.cn/link/93ac0c50dd620dc7b88e5fe05c70e15bchild").parent(). Dadurch wird ein JQuery -Objekt zurückgegeben, das das übergeordnete Element enth?lt.

Kann ich in JavaScript auf Grandvaterselemente oder h?here Vorfahrelemente auf Vorfahren zugreifen?

Ja, Sie k?nnen über die Link parentElement oder parentNode Attribute auf das Element des Gro?vaters oder auf ein h?heres Vorfahren auf h?herer Ebene zugreifen. Um beispielsweise auf das Gro?vaterelement eines Elements zuzugreifen, k?nnen Sie element.parentElement.parentElement verwenden.

Was passiert mit JavaScript, wenn das übergeordnete Element kein HTML -Element ist?

Wenn der übergeordnete Knoten eines Elements kein HTML -Element ist (zum Beispiel kann es sich um einen Textknoten oder einen Annotationsknoten handeln), gibt das Attribut parentElement null zurück. Die Eigenschaft parentNode wird jedoch den übergeordneten Knoten unabh?ngig von ihrem Typ weiterhin zurückgegeben.

Wie kann man alle Vorfahrelemente eines bestimmten Elements in JQuery bekommen?

In jQuery k?nnen Sie die parents() -Methode verwenden, um alle Vorfahren eines bestimmten Elements zu erhalten. Zum Beispiel gibt $("http://www.miracleart.cn/link/93ac0c50dd620dc7b88e5fe05c70e15bchild").parents() ein JQuery -Objekt zurück, das alle Vorfahren eines Elements mit ID 'Kind' enth?lt.

Kann ich das über JQuery erhaltene übergeordnete Element filtern?

Ja, Sie k?nnen die mit JQuery erhaltenen übergeordneten Elemente filtern. Sowohl die parent() als auch die parents() -Methoden k?nnen Selektoren als Parameter akzeptieren, und sie geben nur das übergeordnete Element zurück, das mit diesem Selektor übereinstimmt. Zum Beispiel wird $("http://www.miracleart.cn/link/93ac0c50dd620dc7b88e5fe05c70e15bchild").parents("div") das Vorfahrelement nur als Div zurückgeben.

Wie kann man das n?chste Vorfahren in JavaScript erhalten, das einer bestimmten Bedingung entspricht?

In JavaScript k?nnen Sie die closest() -Methode verwenden, um das n?chstgelegene Vorfahrelement zu erhalten, das einer bestimmten Bedingung erfüllt. Diese Methode akzeptiert einen Selektor als Parameter und gibt das n?chstgelegene Vorfahrelement zurück, das dem Selektor entspricht. Zum Beispiel wird element.closest("div") das engste Vorfahrelement als Div zurückgeben.

und parents() Methoden in closest()?

In jQuery gibt die parents() -Methode alle Vorfahren, die einem bestimmten Zustand entsprechen, w?hrend die closest() -Methode nur die n?chsten Vorfahren zurückgibt, die die Bedingung entsprechen. Wenn Sie also nur den n?chsten passenden Vorfahren ben?tigen, verwenden Sie closest(). Wenn Sie alle passenden Vorfahren ben?tigen, verwenden Sie parents().

Kann ich in JavaScript auf das übergeordnete Element eines Textknotens oder Annotationsknotens zugreifen?

Ja, Sie k?nnen das Attribut parentNode verwenden, um auf das übergeordnete Element eines Textknotens zuzugreifen oder in JavaScript zu kommentieren. Diese Eigenschaft gibt den übergeordneten Knoten jeder Art von Knoten zurück, einschlie?lich Textknoten und Kommentarknoten.

Wie kann ich überprüfen, ob ein Element ein übergeordnetes Element in JavaScript hat?

In JavaScript k?nnen Sie die Attribute parentElement oder parentNode verwenden, um zu überprüfen, ob ein Element ein übergeordnetes Element hat. Wenn ein Element ein übergeordnetes Element hat, geben diese Eigenschaften das übergeordnete Element oder Knoten zurück. Wenn das Element kein übergeordnetes Element hat, gibt diese Eigenschaften null zurück. Sie k?nnen also einen Zustand wie if (element.parentElement) oder if (element.parentNode) verwenden, um zu überprüfen, ob ein Element ein übergeordnetes Element hat.

Das obige ist der detaillierte Inhalt vonGreifen Sie mit JavaScript oder JQuery auf ein übergeordnetes Element zu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!