Wie kann ich mit jQuery effizient die Höhe eines Elements in einem versteckten Div ermitteln?

Höhe versteckter Elemente in jQuery abrufen

Das Ermitteln der Höhe eines Elements, das in einem versteckten Div verborgen ist, kann eine Herausforderung sein. Die herkömmliche Methode besteht darin, das Div anzuzeigen, die Höhe abzurufen und es dann auszublenden, was umständlich sein kann.

Es gibt jedoch einen effizienteren Ansatz, der die Fähigkeit von jQuery nutzt, CSS-Stile zu ändern:

Ansatz

1. CSS ändern:Vorübergehend eingestellt die folgenden CSS-Eigenschaften für das versteckte Div:

   • Position: absolut (optional, wenn das Div bereits absolut ist)
   • Sichtbarkeit: versteckt
   • Anzeige: Block
2. Höhe abrufen: Rufen Sie mit der height()-Funktion von jQuery die Höhe ab Element innerhalb des jetzt sichtbaren Div.
3. CSS wiederherstellen: Sobald die Höhe erreicht ist, stellen Sie die ursprünglichen CSS-Eigenschaften des Div wieder her.

Codebeispiel

var previousCss = $("#myDiv").attr("style");

$("#myDiv").css({
    position:   'absolute', // Optional if #myDiv is already absolute
    visibility: 'hidden',
    display:    'block'
});

optionHeight = $("#myDiv").height();

$("#myDiv").attr("style", previousCss ? previousCss : "");

Dieser Ansatz bietet eine effizientere und flexiblere Möglichkeit, die Höhe ausgeblendeter Elemente zu ermitteln, ohne das übergeordnete Element wiederholt ein- und ausblenden zu müssen div.

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery effizient die Höhe eines Elements in einem versteckten Div ermitteln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!