html - 子のないulにdiv幅を適用する

Question

divの幅が不明な場合、divの幅をulに適用するにはどうすればよいですか。

HTML：

<div>
    <p>
        Text
    </p>
</div>
<ul>
    <li>
        <p>
            Some other text
        </p>
    </li>
</ul>

ulの幅はdivより89％小さくする必要があります。

助言がありますか？

Answer 1

jQueryを使用する場合：

var width = $('div').width() * 0.89;

$('ul').css({'width':width});

フィドルを見る

Answer 2

$("ul").width(parseInt($("div").width()) * 0.89);

Answer 3

<ul>が の外側にある場合、幅<div>の概念はありません。<div>必要に応じて、JavaScriptで実行できます。

jQueryのアプローチ（これがあなたが実際に望んでいるものかどうかは誰にもわかりませんが、あなたの質問は...あいまいです）

$('ul').css('width', $('div').width() * 0.89); 

Answer 4

jQuery の使用:

var ulWidth = parseInt($("div").width() * .89);
$("ul").width(ulWidth);

読みやすくするために JS を 2 行に分割していますが、これは 1 行で実行できます。

$("ul").width(parseInt($("div").width() * .89));

デモンストレーション目的については、 DEMO with alert を参照してください。