幅はパーセンテージで割り当てられていますが、ピクセル単位で取得したい 質問する

幅はパーセンテージで割り当てられていますが、ピクセル単位で取得したい 質問する

.test {
  border: 1px solid;
  cursor: pointer;
  height: 10px;
  position: relative;
  width: 100%;
}
<div id="test1" class="test"></div>

HTMLidとその CSS を表示しました。 を実行すると、$('#test').width()が表示されます。ピクセル単位で100表示したいのですが( 単位ではありません)。width%

幅をピクセル単位で取得する方法を誰か教えてもらえますか?

ベストアンサー1

オプションの 1 つは、親要素が表示されないことです。次に例を示します。http://jsfiddle.net/nDMM3/

jQueryはwidth = 100(100%)を返すことがわかります。

.test {
    border: 1px solid;
    cursor: pointer;
    height: 10px;
    position: relative;
    width: 100%;
    display:none;
}

#test2{
   width:100%;
}

<div id="test1" class="test">
   <div id="test2">
      Hello
   </div>    
 </div>   

 alert($('#test2').width());

おすすめ記事