jquery Suche nach der Gesamthöhe aller divs Kinder

hey ich habe ein div mit 5 div ' s die in ihm enthalten werden, möchte ich hinzufügen, dass alle Ihre Höhen zusammen,

Dies ist die Lösung, die ich schließlich auf der Grundlage von Jeff ' s Antwort. Danke für die Hilfe mich aus.

var ev_totalHeight = 0;
$("#events > div").each(function(){
    ev_totalHeight += $(this).innerHeight();
});



function events_open() {
 $("#events").animate({
"height": ev_totalHeight
  }, 450 );
}

$("#events").click(function() {
events_open();
});

InformationsquelleAutor loriensleafs | 2012-10-24

  1. 11

    Heres ein Turnschuh: http://jsfiddle.net/yj8sL/2/

    $(function(){
    var totalHeight = 0;
    $("#parent > div").each(function(){
        totalHeight += $(this).height();
    });
    alert("Total height of all divs: "+totalHeight);
});

    Wie Sie sehen, gibt es 5 divs, mit einer Höhe von 100px jeden, so dass die Gesamthöhe beträgt 500 Pixel.

    EDIT: Dein Nächstes problem (mit dem animate) ist, dass Sie nicht sagen was Gerät Sie verwenden (in deinem Fall Pixel):

     $("#events").animate({
    "height": ev_totalHeight+"px"
 }, 450 );
    würden Sie bitte ein Blick auf mein edit? Ich habe versucht umzusetzen, was du vorgeschlagen aber habe Probleme damit es funktioniert
    Siehe mein edit-buddy 🙂

    InformationsquelleAutor Jeff

  2. 3

    Etwas entlang diesen Linien:

    var height = 0;

$('#events > div').each(function(){
    height += $(this).height();
});

//apply calculated height to another element
$('#myotherdiv').height(height + 'px');
    wie würden Sie diese Einrichtung, um ein weiteres div-Element seine Höhe?
    Sehen Sie auf Bearbeiten.
    so versuche ich, dies zu tun, sollte dies nicht funktionieren? $("#container").animate({ "height": height }, 450 ); }

    InformationsquelleAutor Paul Fleming

  3. 0

    Schleife durch Sie alle, und fügen Sie die Höhe z.B.

    var height;
$("#events").each(function() {
    height += $(this).height();
});
    Warum markiert, bitte?
    Ich bin mir nicht sicher, ich habe nicht markieren Sie es nach unten
    Mir war markiert, aber auch, weil es falsch war - Sie fehlt der direkte Kind-Selektor: #events > DIV
    Ich muss zugeben, ich finde das etwas ärgerlich

    InformationsquelleAutor AGB

Schreibe einen Kommentar