javascript - jQueryを使用してパーセント%でhtml要素の幅を取得する

Question

alertcss セレクターが in に設定されている要素をwidth:100%取得する場合、css から設定さpxれているように取得する方法はあり%ますか?流動的なレイアウトでスクリプトを修正する必要があります。

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

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

たぶん、このようなことは常に真実ですか？

alert($('.my-element').outerWidth() == $('.my-element').parent().outerWidth());

Answer 1

function percentwidth(elem){
    var pa= elem.offsetParent || elem;
    return ((elem.offsetWidth/pa.offsetWidth)*100).toFixed(2)+'%';
}

Answer 2

幅をパーセンテージで取得するには、2 つの方法があります。

ライブデモ

jQuery では jQuery 1.3.2 を使用すると 100% になります。

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

このようにタグのstyle属性にwidthを設定してjavascriptで

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

div2 = document.getElementById('div2');

alert("Width of div2 with style = " + div2.style.width);

Answer 3

この郵便受け

開発者がCSSで指定したものに基づいて、要素の幅をパーセントまたはピクセル単位で取得するためにjQueryを使用することは可能ですか?