Wie kann ich ein einfaches DOM-Element von einem jQuery-Selektor erhalten?

DOM-Elemente aus jQuery-Selektoren abrufen

Eine einfache Möglichkeit zu finden, ein DOM-Element aus einem jQuery-Selektor abzurufen, kann eine Herausforderung sein. Angenommen, Sie haben den folgenden Code:

<input type="checkbox" id="bob" />
var checkbox = $("#bob").click(function() { //some code });

Um den aktivierten Wert des Kontrollkästchens zu ermitteln, könnten Sie Folgendes versuchen:

if (checkbox.eq(0).SomeMethodToGetARealDomElement().checked)
    //do something.

Dieser Ansatz ist jedoch möglicherweise nicht immer wünschenswert . Es gibt eine einfachere Methode:

$("table").get(0);

Alternativ können Sie die folgende Verknüpfung verwenden:

$("table")[0];

Obwohl der Zugriff auf das rohe DOM-Element nicht häufig notwendig ist, kann er in bestimmten Situationen erforderlich sein . Erwägen Sie beispielsweise die Nummerierung einer Gruppe von Kontrollkästchen:

$(":checkbox").each(function(i, elem) {
  $(elem).data("index", i);
});
$(":checkbox").click(function() {
  if ($(this).is(":checked") && $(this).data("index") == 0) {
    // do stuff
  }
});

Das obige ist der detaillierte Inhalt vonWie kann ich ein einfaches DOM-Element von einem jQuery-Selektor erhalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!