Code zum Abrufen eines bestimmten Unterelements in einem Element in jquery_jquery

Einige der JQUERY-Anwendungen, die ich zuvor erstellt habe, waren sehr einfache Programmierungen und stellten keine hohen Anforderungen an Selektoren, wie zum Beispiel „$(‘.class‘)“, „$(‘#id‘)“, „$( ' #id>.class')", "$(this)", "$(this).parent()", "$(this).children()" können alle gelöst werden.

Das Problem tritt auf, wenn ich eine Spanne in einem bestimmten li in ul auswählen möchte, da zur Erleichterung der Programmierung li mit $('ul>li').eq(i) ausgewählt wird, obwohl das Problem weiterhin bestehen kann Mit der vorherigen Methode gelöst, aber ich habe immer das Gefühl, dass der Code etwas aufgebläht und ineffizient ist. Da JQUERY als der effizienteste Code unter allen aktuellen JS-Frameworks gilt, ist es unmöglich, dieses Problem mit viel Code zu lösen!

Wenn ich auf die API von JQUERY zurückblicke, habe ich festgestellt, dass es eine Aussage gibt, die für diesen Anlass sehr gut geeignet ist und die mir nie aufgefallen ist. Das heißt: $(selector one).find(selector two). Obwohl ich die Einführung zu find schon einmal gelesen habe, wurde sie immer ignoriert, weil sie nicht verwendet wird.

So verwenden Sie find()
Von der API bereitgestellte Erklärung: Suche nach allen Elementen, die dem angegebenen Ausdruck entsprechen. Diese Funktion ist eine großartige Möglichkeit, die Nachkommenelemente des verarbeiteten Elements herauszufinden.

Verwendung: $(selector one).find(selector two);

Nehmen Sie das Fokusbild auf der Homepage des Xiaoju Inn auf, suchen Sie die Spanne im DD unter dem DL mit der Klasse „.focusphoto“ und blenden Sie es aus:

Sprechen Sie über das Verständnis von find() im Kurzdrama

Meine Anwendung kann tatsächlich durch Children() ersetzt werden, aber das bedeutet nicht, dass die Verwendung von Find() und Children() gleich ist. Wenn dies der Fall ist, ist die Existenz von Find() bedeutungslos. Wenn die Abfragetiefe eine Ebene beträgt, weisen die beiden Ähnlichkeiten auf, der Unterschied besteht jedoch darin, dass find() ein Unterabfrageselektor ist, der für die Abfrageauswahl tief in die untere Ebene des untergeordneten Elements vordringen kann, und children(): nur das untergeordnete Element A Ebenenselektor, der nur Elemente auf der nächsten Ebene auswählen kann.

Natürlich ist das Obige nur die bescheidene Meinung der Leute im Stück, wenn es Fehler oder Unvollkommenheiten gibt, korrigieren Sie mich bitte.