Anleitung zur Verwendung von $(this).index und $.each in jQuery_jquery

Als Reaktion auf eine bestimmte Anforderung bei der Arbeit besteht eine Auswirkung des Tab-Wechsels darin, unterschiedliche HTML-Änderungen basierend auf der Gesamtzahl der Inhaltselemente unter jeder Option vorzunehmen (wenn der Inhalt unter dem Tab leer ist, ist er gleich XXX, andernfalls ist es XXX )

Code kopieren Der Code lautet wie folgt:

$(function(){
           $(".bao").hide();
             $(".bao").eq(0).show();
              $(".head li").click(function(){
                 $(this).addClass('cur').siblings().removeClass("cur");
$(".bao").eq($(this).index()).show().siblings(".bao").hide()
               var a=$(".bao").eq($(this).index()).find('li')
If(a.length<0){
alarm("Ich bin kleiner als 0!!")
              }
           });
            Funktion moren(){
            var moren=$(".moren").find('li')
If(moren.length==0){
alarm("Ich bin leer~keine Chance")
              }
          }
})

Erklären Sie zunächst, dass die Kopfzeile der Registerkarte als Kopfzeile bezeichnet wird

Der Inhalt der Registerkarte heißt content~

Die erste Methode, die mir in den Sinn kommt (dumme Methode):

Die Bindung fügt ein Klickereignis hinzu. Wird beim Wechseln des Headers ausgeführt. Der Header erhält den entsprechenden Inhalt gemäß seinem eigenen Index. Nach dem Durchlaufen des Li-Elements unter dem Inhalt wird die Gesamtzahl der Inhalte erhalten, die jedem Header entsprechen.

Da dies nach dem Click-Ereignis entdeckt wurde, aber das erste Element im Kopf ignoriert wurde, wollte ich, dass es beim Aktualisieren des Browsers ausgeführt wird, also habe ich mehr für das erste Element im Kopf hinzugefügt Klasse Klasse. Endlich~

Erzielen Sie einfach den Effekt, den ich möchte. Wenn die Zahl==0||!==0 ist, wird das, was ich möchte, ausgeführt.

Aber bedenken Sie. Später kann etwas Unerwartetes passieren. Ich möchte nicht, dass es ausgeführt wird, wenn ich darauf klicke, nachdem der Browser aktualisiert und geladen wurde. Als Neuling habe ich also hart daran gearbeitet, eine Methode zu finden

Anders ausgedrückt finde ich das besser~:

Code kopieren Der Code lautet wie folgt:

$(function(){
            $(".bao").hide();
              $(".bao").eq(0).show();
              $(".head li").click(function(){
                 $(this).addClass('cur').siblings().removeClass("cur");
$(".bao").eq($(this).index()).show().siblings(".bao").hide()
           });
        var aaa= $(".bao ul")
aaa.each(function(){
            var b=$(this).children('li').length
Warnung(b)
If(b==0){
                                           $(this).append("

Ich wurde nach 0

hinzugefügt")
            }
          })
})

Diese Methode verwendet $.each()

Es ist bequemer und ich erhalte jetzt die gewünschten Ergebnisse. $.each() durchläuft jedes Inhaltselement und ruft dann die Gesamtzahl der li-Elemente unter dem Inhalt selbst ab, um zu beurteilen und den gewünschten Effekt zu erzielen