Javascript 如何在jquery中找到容器的总剩余高度？_Javascript_Jquery

Javascript 如何在jquery中找到容器的总剩余高度？

javascript jquery

Javascript 如何在jquery中找到容器的总剩余高度？,javascript,jquery,Javascript,Jquery,我用拖拽的方法做了一个厨房布局。如果我选择10 X 10的厨房布局，必须在该区域进行一些验证。假设我在该区域放置一个5x5的墙壁，然后如何找到剩余的高度和宽度，以及它放置在垂直或水平的位置…假设您的厨房布局和墙壁 <body> <div class="kitchen"> <div class="wall"> </div> </div> </body> 请提供一把小提琴 v

我用拖拽的方法做了一个厨房布局。如果我选择10 X 10的厨房布局，必须在该区域进行一些验证。假设我在该区域放置一个5x5的墙壁，然后如何找到剩余的高度和宽度，以及它放置在垂直或水平的位置…

假设您的厨房布局和墙壁

<body>
    <div class="kitchen">
         <div class="wall">
         </div>
    </div>
</body>

请提供一把小提琴

var wallHeight = $('.wall').height(); // Gives wall's height
var wallWidth = $('.wall').width(); // Gives wall's width
var kitchenHeight = $('.kitchen').height(); // Gives kitchen height
var kitchenWidth = $('.kitchen').width(); // Gives kitchen width
var leftHeight = kitchenHeight - wallHeight, 
    leftWidth = kitchenWidth - wallWidth; 
// Gives remaining width and height