Immer die Breite eines html-Elements, in Prozent % mit jQuery

Wenn ich alert das element, das ein css-Selektor festgelegt width:100% bekomme ich es mit in px, gibt es eine Möglichkeit, es zu bekommen in % als set von css, ich brauche es, um zu beheben einige Skript mit fluid layouts.

//css
.my-element {
    width:100%;
}

//javascript
alert('width: '+$('.my-element').css('width'));
//this alerts "width: 1116px" instead of "width: 100%"

Vielleicht so etwas wie dieses ist immer wahr?

alert($('.my-element').outerWidth() == $('.my-element').parent().outerWidth());
  • Es gibt ein plugin, das ich es vergessen habe den Namen gelesen, dass css-Eigenschaften aus der css Datei... 🙁
  • interessant! Ich hätte nie gedacht, müssen die mit in % ich denke, dies sollte ein nützliches feature für fluid-layouts.
InformationsquelleAutor vitto | 2012-05-16
  1. 6
    function percentwidth(elem){
    var pa= elem.offsetParent || elem;
    return ((elem.offsetWidth/pa.offsetWidth)*100).toFixed(2)+'%';
}
    InformationsquelleAutor kennebec
  2. 3

    Können Sie die Breite in Prozent, die durch zwei Methoden.

    Live Demo

    Mit jQuery verwenden jQuery 1.3.2 und erhalten Sie 100%.

    alert($('.my-element').css('width'))​;

    Mit javascript durch Einstellung der Breite im style-Attribut des Tags wie diese

    <div id="div2" style="width:100%"></div>

div2 = document.getElementById('div2');

alert("Width of div2 with style = " + div2.style.width);
    • Das hat sich geändert vor der jQuery-1.6.4! Die zweite Warnung funktioniert, obwohl.
    • Gute Antwort Adil
    • Danke @SakthiKarthik
    InformationsquelleAutor Adil
  3. -1

    Dieser Beitrag

    Ist es möglich mit jQuery, um die Breite des Elementes in Prozent oder Pixel, basierend auf dem, was der Entwickler angegeben mit CSS?

    • Wie ist es Antwort auf die Frage?
    • Dies funktioniert nur, wenn das element nicht in einer parent-element mit einer Breite von sich selbst, welches ist, was die Frage ist alles über ich denke.
    • dies ist nicht immer wahr, für Beispiel, wenn ich .my-element eingewickelt in eine andere mit unterschiedlicher Breite aus dem Dokument.
    • wenn Ihre übergeordneten div ist 300px und Ihre innere element ist 100% beide sind 300px ist es nicht?
    InformationsquelleAutor Mike Boutin
Schreibe einen Kommentar