Der einfache jQuery-Selektor wählt nur das erste Element in Chrome aus.

Question 1

Ich bin ein bisschen neu in jQuery, also vergib mir, dass ich dicht bin. Ich möchte alle auswählen <td> Elemente auf einer bestimmten Seite über die JS-Konsole von Chrome:

$('td')

Wenn ich dies mache, erhalte ich jedoch die folgende Ausgabe:

<td>Apples</td>

Soll jQuery nicht ein Array von Elementen mit dem zurückgeben <td> Schild? Warum sehe ich nur das erste Element, das diesen Kriterien entspricht?

Hier die betreffende Seite: http://www.w3schools.com/html/html_tables.asp

BEARBEITEN: Ich möchte hinzufügen, dass ich KEIN jQuery-Objekt zurückbekomme, wenn ich eine jQuery-Funktion in die Chrome-Konsole eingebe. Ich bekomme ein einfaches HTML-Element. Irgendetwas muss mit der Art und Weise, wie mein Chrome eingerichtet/konfiguriert ist, nicht stimmen.

Question 2

Wenn jQuery nicht auf der Webseite vorhanden ist und natürlich kein anderer Code etwas zuweist $weist die JS-Konsole von Chrome zu $ eine Abkürzung zu document.querySelector().

Du kannst damit erreichen, was du willst $$()dem von der Konsole eine Verknüpfung zugewiesen wird document.querySelectorAll().

Um zu wissen, ob die Seite jQuery enthält, können Sie ausführen jQuery in der Konsole. Um zu wissen, ob jQuery zugewiesen ist $können Sie ausführen $().jquery Dies gibt die jQuery-Version zurück, wenn dies der Fall ist.

Außerdem gibt es Browser-Add-Ons, um jQuery in jede Webseite einzufügen.

Question 3

Es scheint, dass jQuery nicht richtig enthalten ist, um auf Ihrer Zielseite ausgeführt zu werden. Ich hatte ein ähnliches Problem und habe es für Google Chrome wie folgt gelöst.

Fügen Sie Ihrem Chrome-Browser ein Lesezeichen hinzu, das den folgenden Einzeiler-Code als URL-Feld enthält (zur besseren Lesbarkeit verschönert):

javascript: (function () {
    var s = document.createElement('script');
    s.setAttribute('src', 'https://code.jquery.com/jquery-latest.min.js');
    if (typeof jQuery == 'undefined') {
        document.getElementsByTagName('head')[0].appendChild(s);
    }
    jQuery("td.edit select option[value=BN]").attr("selected", "");
})();

Klicken Sie dann einfach auf dieses Lesezeichen, um es auszuführen. Es wird erwartet, jQuery normal einzuschließen und die Konsole so etwas wie zurückzugeben function (e,t){return new b.fn.init(e,t,r)} während Sie eingeben $.

Der Prozess zum Erstellen des Lesezeichens (auch Bookmarklet genannt) ist eine Abkürzung für das Einfügen von jQuery in jede Seite, an der Sie mit der Konsole arbeiten möchten. Der Snippet-Code funktioniert jedoch auch, wenn Sie ihn direkt in die JS-Konsole kopieren und einfügen.

PS: Credits für das Snippet sind nicht von mir, da ich es eine Weile benutze und mich nicht erinnern kann, woher ich das habe.

Ich hoffe es hilft.

Question 4

Wenn jQuery installiert ist und die $ Symbol ist dann eine Abkürzung für jQuery $('td') gibt ein jQuery-Objekt zurück. Aber auf der von Ihnen verlinkten w3schools-Seite sehe ich nicht, dass jQuery überhaupt vorhanden ist.

Wenn jQuery vorhanden war und der Debugger die nicht überschrieben hat $ Symbol, dann $('td') würde ein jQuery-Objekt zurückgeben. Das jQuery-Objekt ist ein Array-ähnliches Objekt (hat einige Eigenschaften eines Arrays), aber es ist kein tatsächliches Array. Wenn Sie sich Dinge in der Konsole ansehen, müssen Sie sicherstellen, dass Sie die DOM-Elemente selbst betrachten, nicht das enthaltende jQuery-Objekt.

Wenn Sie ein tatsächliches Array von DOM-Elementen erhalten möchten, können Sie Folgendes tun:

$('td').get();

die ein Array von DOM-Elementen zurückgibt.

Wenn das nicht funktioniert, sollten Sie den Zeitpunkt Ihres Anrufs bei überprüfen $('td').get() um sicherzustellen, dass alle td die gewünschten Elemente auf der Seite angezeigt werden, bevor Sie danach suchen.

Question 5

Auch wenn Sie versuchen, etwas mit jedem der tds zu tun, müssten Sie a verwenden .each() sie durchzuschleifen. Zum Beispiel:

$('td').each(function() {
   //do something relevant here
});