Javascript 如何同时调整所有右或左元素的宽度？

我有一些div（sibblings），在拖动和调整其中一个的大小时，根据它是向西还是向东调整大小，我想相应地增加或减少所有其他sibblings的宽度。

---

使它们共享相同的宽度变量，减少或增加该变量以同时影响所有div

或者通过调用函数手动设置每个divs的大小，并为所有调用使用相同的变量作为参数

或者让div共享一个css类，并对共享该css类的所有html元素调用resize函数

编辑：

啊我完全想念你。。。 将所有div大小设置为相对和浮动，然后它们将填充其父级。

将宽度设置为：

if (east) {
     //decrease one by one
     var newWidth = ($('#resizable1').width() - $(this).outerWidth(true)) / $(this).nextAll().length
     ...
}

编辑： 当您调整第二个兄弟的大小时，第三个和第四个兄弟如何反应？ 在计算剩余空间时，我只考虑了第一个空间。。。如果它们填满了剩余的空间，那么yout必须将上一个兄弟姐妹的所有外径相加，而不是只取$（this）.outerWidth（true）

---

顺便说一句，上面的代码没有经过测试，只是一个让剩余空间填充的建议。

如果他调整了第二个可调整的大小，这将不起作用。。。第三个和第四个必须填满剩余的空间，我想。。。问题不是很清楚…你们的HTML标记是什么？如何定义行？是否有一个类名来区分左、中、右？

if (east) {
     //decrease one by one
     var newWidth = ($('#resizable1').width() - $(this).outerWidth(true)) / $(this).nextAll().length
     ...
}