die Auswahl des root-Elements in jquery

Ich in der Lage sein müssen wählen Sie das root-element von einem fragment, ohne zu wissen, die Arten von Knoten, Klassen -, id-oder Hierarchie.

<div id="0">
    <div id="0a">
        <div id="a01"></div>
    </div>
    <div id="0b">
    </div>
    <div id="0c">
    </div>
</div>

Ich möchte in der Lage sein, etwas zu tun, wie $('root') und 0 im Beispiel oben gewählt.

Besser, trotzdem würde ich lieber $(':level(0)') was bedeuten würde, das gleiche wie oben, $(':level(1)') auswählen würde, 0a, 0b und 0c und $(':level(1)>div') auswählen würde a01.

Irgendwelche Ideen auf, wie man es sauber?

gibt es irgendwelche Eigenschaften, die Sie wissen lassen, was ist das 'root' - element in Ihrem Fall? sprich, was hindert Sie durchqueren, um welches element <div id="0"> enthalten ist?
Definieren Sie "root-element" in deinem Beispiel.
Wie in der äußersten element, in diesem Fall <div id="0">
das äußerste element, was? Wenn Sie halten diese Struktur als dom-element foo, dann wollen Sie $(foo). So einfach ist das.
Tut es nicht klingen wie Sie haben eine klare Vorstellung davon, was Sie versuchen zu wählen, wenn Sie dies tun, dann sind Sie nicht Sie effektiv zu kommunizieren. Wenn du sagst "ich brauche einen Weg, das zu tun :root", was ist dein Ausgangspunkt, dass Sie versuchen, wählen Sie aus? Auch das markup in Ihrem Kommentar zu Lesen ist hart. Es ist auch nicht gültig - Ihnen fehlt ein schließender tag irgendwo. Ich würde empfehlen die Bearbeitung in Ihrer ursprünglichen Frage.
BTW deine argu... Ihre id-Attribute sind ungültig: w3.org/TR/html401/types.html#type-name
Ich glaube, dass entweder deine Frage sollte umformuliert werden oder man sollte überdenken, was die Antwort, die Sie ausgewählt haben.

InformationsquelleAutor Sqoo | 2009-10-30

jquery jquery-selectors

3

Während diese Frage beantwortet war vor einer Weile vollkommen richtig - ich habe nur versucht, zu versuchen, diese selbst und war nicht allzu begeistert über einen Selektor wie *:not(* *) -- vor allem wegen der wahrscheinlichen Gesamtkosten. Ich weiß nicht, ob dies ist eine aktuelle Ergänzung zu jQuery die Fähigkeit (ich bin mit 1.8) aber Sie verwenden können:
```
$(':eq(0)');
```
Diese wählen, wird das erste Gefundene nicht-textnode-element, so es sei denn, der dom, die Sie Durchlaufen werden, ist illegal, es ist die Bildung, Sie sollte immer das root-element. Es ist auch sehr optimal, da jQuery sollte wissen, zu stoppen, nachdem das erste element gefunden.

Also hier ist ein wenig etwas für all diejenigen, die WSOD-fans da draußen:
```
$(':eq(0)').remove();
```
Oh, und nur für den Fall, dass es nicht offensichtlich, dass die oben genannten code-snippets wurden nur zur Veranschaulichung der Selektor, und Sie finden sich arbeiten mit einer teilweisen fragment (anstatt das ganze Dokument), dann sollten Sie diesen Selektor, mit jQuery-filter-Methode:
```
$(fragment).filter(':eq(0)');
```
Jedoch, wenn die Arbeit mit Fragmenten können Sie nur Folgendes tun:
```
$(fragment).get(0);
```
Obwohl beachten Sie, dass .get(0) können wählen, text/Kommentar-Knoten, wenn Sie sind das erste Element im Dokument, in der Erwägung, dass die filter-Ansatz wird immer die erste eigentliche element.
- Ich wechselte zu beantworten, nicht weil es etwas falsch mit der alten akzeptiert die Antwort von @Deeksy einfach, dass das übersichtlicher ist und mehr semantisch klar
- Dieses Frage-Antwort-paar ist ein bisschen verwirrend. Die Frage suggeriert, dass das root-element ist NICHT eine "document root" (ein div-element anstelle von html-element), noch die ausgewählte Antwort würde IMMER wieder dokumentieren.documentElement. Entweder die Antwort fehlt, ist ein Kontext-parameter oder die Frage sollte deutlich machen, dass das gewünschte element 1) in einem Dokument & 2) ein Dokument-root-element. Wenn dies die richtige Antwort dann die Frage sollte umbenannt werden, "Wie eine Referenz Dokument-root-element?"
- In anderen Worten, wenn das fragment wurde nicht eingefügt in ein Dokument deine Antwort noch zurück, root-element des Dokuments, d.h. es würde nicht wieder das div mit der "0" - id.
InformationsquelleAutor Pebbl
4

OK, also, was Sie tun müssen, ist die folgenden (vorausgesetzt, Sie verwenden das Beispiel, das Sie haben), wenn Sie wollen finden Sie die top-level-Knoten mithilfe von jquery ist die folgende:
```
 $('*:not(* *)');  
```
Was Sie sind buchstäblich zu Fragen, denn das hier ist für alle Knoten, die keine Kinder anderer Knoten. Das problem ist, dass für ein html-Dokument, dieses wird Ihnen immer nur das html-element, das ist nicht besonders hilfreich. Also, wenn Sie wollen, finden Sie die top-level-element in den Körper eines html-Dokuments, die Sie verwenden würden, etwas viel einfacheres:
```
 $('body > *');
```
wenn Sie wollte dann die zweite Ebene, Sie würde nur gehen
```
 $('body > * > *');
```
Aber, vorausgesetzt, Sie haben eine Art von beliebigem Dokument-Struktur (wie die foo ein, die Sie erwähnen), was man tun kann, ist das erste Beispiel zu finden, die erste Ebene:
```
 $('*:not(* *)');
```
und dann für die zweite Ebene
```
 $('*:not(* *)').find('> *');
```
und für die Dritte Ebene
```
 $('*:not(* *)').find('> * > *');
```
und so weiter und so Fort. Wenn Sie auf der Suche nach einem root-div-element (vorausgesetzt, dass Ihre Probe ist wie die Frage), können Sie dies tun:
```
 $('div:not(div div)');
```
und so weiter, und ersetzen * mit div. Nicht wirklich sicher, warum Sie wollen, dies zu tun, aber es funktioniert. Das problem ist die Frage nicht wirklich genügend Kontext für uns, um Ihnen eine bessere alternative.
- Für die Besondere foo Beispiel erwähnt in den Kommentaren, es ist $('foo:nicht(foo foo)');
- $(':not(, )'); War genau das, was ich war nach, und näherte sich mir nicht nicht ganz, es richtig machen. Die Beispiele, die KÖRPER waren alle Dinge, die ich nicht tun, denn ich hatte keine Ahnung, was enthalten war in dem Baum (es könnte sein, *jede - snippet, einschließlich willkürliche XML) 🙂
- Vielen Dank auch für das Verständnis der Frage ist, dass ich wollte einen jQuery-Selektor und nicht ein Stück JS-code (ich weiß, wie leicht es getan werden kann in JS)
InformationsquelleAutor Deeksy
2

Ich bin mehr ein Prototyp Kerl, aber ich denke, Sie könnte bekommen alle Knoten, dann bekommen die ersten Knotens in das array:
```
$('*')[0]
```
Dann Holen Sie sich die Kind-Elemente des (für 0a, 0b und 0c)
```
$('*')[0].children()
```
- so weit, das sieht aus wie die beste Lösung, ein glaube,
InformationsquelleAutor Adam Hopkinson
2

Wenn Sie haben Ihre Elemente als ein jQuery-fragment wie:
```
var myElements = $('<div id="0">
<div id="0a">
    <div id="a01"></div>
</div>
<div id="0b">
</div>
<div id="0c">
</div>
</div>');
```
dann finden Sie das erste element durch:
```
myElements.filter(":first")
```
Die filter-Funktion, sieht aus wie das root-element des fragments.
- diese würde man eigentlich arbeitet, im Gegensatz zu der gewählten Antwort
InformationsquelleAutor WiseOwl9000
1

jQuery wird nicht benötigt...
```
var root = document.firstChild;
```
- die viel versprechende Idee, ich kann zwar tun dies aus einer aktuellen jQuery Auswahl, so dass ich wirklich brauchen, einen Weg, es zu tun von jQuery
- Nicht das, was ich meinte, aber cheers für Ihr Anliegen 🙁
- dies war nicht eine Allgemeine JavaScript-Abfrage, diese wurde speziell eine Frage zu jQuery-Selektoren. Warum sind Sie verschwenden Ihre Zeit mit dem schreiben unhöflich Kommentare, wenn Sie nicht einmal die Frage verstehen?
- RE: Erster Kommentar - var root = $(document.firstChild);
- das ist nicht ein Selektor
- Jquery können Elemente und Knoten Listen übergeben werden 😉
InformationsquelleAutor Josh Stodola
1

Ich kann sein Missverständnis der Frage, aber vorausgesetzt, von root, du meinst den Punkt, an dem die Eltern ist ein anderes tag, um das Kind dann die folgenden arbeiten sollten.
```
function GetRoot(element) {
    while(element.parent().attr("tagName") == element.attr("tagName")) {
        element = element.parent();
    }

    return element;
}
```
Diese im Grunde Spaziergänge auf den Baum, bis er eine findet ein Mutterunternehmen, das ist ein anderer tag und dann wieder das Element. Für dein Beispiel würde das bedeuten, dass wenn ein element war , oder was auch immer, es würde erkennen, es als die Wurzel und wieder zurück.

Machen eine benutzerdefinierte jquery-Selektor mit diesem sollte möglich sein zu, ist aber natürlich komplizierter.

Sollte es auch relativ leicht erweitern dieses um eine ganze Zahl, die definiert die Ebene. Alles, was Sie würde tun müssen ist, gehen Sie den Baum zu der angegebenen Tiefe, sobald Sie gefunden haben, die Wurzel und wieder diese Elemente.

InformationsquelleAutor Nikolas Stephan
0

sehen Sie in der Verwendung der parent () - und (Kinder -) Funktionen. ist Sie müssen gehen mehrere Ebenen , können Sie die Kette wie Sie so ist.
```
$("#a01").parent().parent()  //returns <div id="0">
```
bitte siehe mein Kommentar, und ich werde versuchen, eine bessere Lösung.
- Sache ist, dass ich nicht weiß, ids, Klassen oder Arten von Knoten, so kann ich nicht verwenden, einen Selektor wie '#a01'
InformationsquelleAutor GSto
0

Bekomme ich ein html-fragment von ajax-Aufrufs, und ich auch brauchen, um das root-div aus. Was ich Tat, war rufen Sie einfach $(data) und jQuery analysiert die Rückkehr text als HTML und geben Sie das root.
```
$.ajax path,
  type: 'GET'
  contentType: 'application/x-www-form-urlencoded;charset=UTF-8'
  success: (data) ->
    $(data)
```
InformationsquelleAutor lulalala
0

Wenn Sie möchten, wählen Sie die Obere Ebene übergeordnete element des Elements, aber immer noch unter dem Körper, ich würde gehen
```
$(obj).parents().filter('body > *')
```
- aber ich werde nicht wissen, was der oberste Knoten ist, könnte es ein snippet so nicht verwenden 'Körper'
InformationsquelleAutor Dsl Diesel

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.