Wie würde ich in jQuery so weit wie möglich in den HTML-Baum absteigen?
Der Einfachheit halber habe ich nur einen Weg nach unten.
(verwandt, aber Bonus: Wie finde ich das tiefste Element mit mehreren Abwärtspfaden?)
%Vor%Ich möchte das innerste HTML der Zelle mit dem Namen cell0 ändern, aber ich kenne nicht unbedingt die Namen aller darin enthaltenen Klassen. Ist es möglich, so weit zu wählen, ohne diese Namen zu kennen?
Vielen Dank!
Suchen Sie für einzelne Pfade einfach das Element, das keine untergeordneten Knoten hat:
%Vor% Oder in Ihrem speziellen Fall $('#cell0 *:not(:has("*"))');
Für mehrere Pfade - was ist, wenn mehrere gleich verschachtelte Knoten vorhanden sind? Diese Lösung wird Ihnen ein Array aller Knoten mit der höchsten Anzahl von Vorfahren geben.
%Vor%Auch in Ihrer Situation möchten Sie wahrscheinlich zu den tiefsten Elementen der Tabellenzellen gelangen, also sind Sie wieder bei einem Einzeiler:
%Vor%- Dies wird ein jQuery-Objekt zurückgeben, das alle innersten Kindknoten jeder Zelle in Ihrer Tabelle enthält.
Nun, ausgehend von einer Grundlage, dass Sie keine Ahnung haben, wo dieser "tiefste" Knoten ist, könnten Sie so etwas tun:
%Vor%Dann
%Vor%wäre (mit Ausnahme der 12 Bugs wahrscheinlich in meinem Code) ein jQuery-Objekt für die Menge der tiefsten Elemente.
edit - Eines meiner Dutzend Bugs ist, dass dies die Tiefe der Startknoten nicht berücksichtigt - das wäre ein Trick, um es herauszufinden. Es könnte besser sein, es so umzubauen, dass es die tiefste der ursprünglich ausgewählten Liste findet:
%Vor%und um die tiefste auf der Seite zu bekommen, die Sie tun würden:
%Vor%Mit einem einzelnen Pfad:
%Vor%Wenn ich Zeit bekomme, werde ich meine Antwort mit dem Code für mehrere Pfade aktualisieren.
Als Erstes würde ich eine Tiefensuche (DFS) durchführen und verfolgen, auf welcher Ebene Ich war für jeden Knoten im DOM.
Um zu vermeiden, dass jedes Mal ein vollständiges DFS ausgeführt werden muss, wenn Sie etwas ändern möchten (vorausgesetzt, Sie möchten es mehrmals tun), könnten Sie jeden DOM-Knoten mit seiner Ebene in der Struktur markieren, während die Suche ausgeführt wird . (Andererseits könnten Sie dieses Level-Tagging möglicherweise während der Generierung der Tabelle durchführen?) Sobald die Suche abgeschlossen ist und Sie den tiefsten Knoten ermittelt haben, behalten Sie einen Verweis auf diesen Knoten.
Von diesem Punkt an sollten Sie in der Lage sein, schnell zu aktualisieren, welcher Knoten sich zu einem bestimmten Zeitpunkt auf der tiefsten Ebene befindet.
Sehr spät zur Party, aber hier ist meine generische Lösung.
%Vor%Es ist sehr schnell und einfach, weil jQuery bereits alle Aufgaben für uns erledigt.
Beachten Sie, dass elements$ eine geordnete Liste von Containern ist, von denen viele das nächste enthalten. Somit sind die innersten Elemente das letzte Element plus alle Elemente, die das nächste Element nicht enthalten.
Tags und Links javascript html jquery