Question

我对jQuery不是很有经验所以非常感谢以下帮助，目前我可以获得指定div的宽度，以像素为单位，这很好，但我想进一步开发这个并且能够列出一些divs以获取附加代码中的宽度。

你会看到我有#divA，我也希望得到#divB＆amp;例如#divC在同一个语句中。例如（我试过这个，但它不正确）＆gt;

var txt="";
txt+="Width of div: " + $("#divA, #divB, #divC").width() + "</br>";
txt+="Height of div: " + $("#divA, #divB, #divC").height();
$("#divA, #divB, #divC").html(txt);

当视口/浏览器改变宽度时，输出的div宽度也可以随时更新 - 这可能吗？将保存页面刷新，这将是方便的。

希望这是有道理的。

<script>
$(document).ready(function(){
$("button").click(function(){

var txt="";
txt+="Width of div: " + $("#divA").width() + "</br>";
txt+="Height of div: " + $("#divA").height();
$("#divA").html(txt);


});
});
</script>

Answer 1

有可能。没有你的标记，我创建了自己的3个div（就像你的）。当窗口调整大小时，它们的高度和宽度将记录到控制台。它们的宽度设置为％。我希望这会有所帮助。

如果这是您想要的，请告诉我。我不是100％肯定你要求的。

<强>演示：

Working Demo

<强>使用Javascript：

$(window).resize(function() {
    $(".divResized").each(function(i,item){
        item = $(item);
        console.log(item.width(),item.height())
    });
});

<强> HTML

<div id="divA" class="divResized">
    test
</div>
<div id="divB" class="divResized">
    test1
</div>
<div id="divC" class="divResized">
    test2
</div>

<强>的CSS：

#divA{
    width:33%;
}

#divB{
    width:17%;
}

divC{
    width:50%;
}

修改如果你想将它写入另一个div，这里有一个小例子：Link

当浏览器宽度调整大小时，jquery动态获取宽度

1 个答案: