1

我对 jQuery 不是很有经验，所以希望得到以下帮助，目前我可以获得指定 div 的宽度（以像素为单位），这很好，但我想进一步开发它并能够列出一些 div 来获取附加代码中的宽度。

你会看到我有#divA，我也想在同一个语句中得到#divB 和#divC。例如（我试过这个，但它不正确）>

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>
4

1 回答 1

1

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

让我知道这是否是你想要的。我不是 100% 确定你要的是什么。

演示：

工作演示

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，这里有一个小例子：链接

于 2013-03-23T10:50:37.853 回答