使用jquery调整同一类的多个div的大小

我尝试在循环中使用同一个类强制不同Div元素的宽度

但是所有Div元素都保持循环中最后一个元素的大小相同

这是我的剧本：

<script type="text/javascript">
  $(document).ready(function() {
    resizeSides()
  });

  function resizeSides() {
    var title_width = $(".title-onglet").width();
    var totale_width = $(".titre-onglet").width();
    var new_width = totale_width - title_width;
    var sides_width = new_width;
    $(".ligne-onglet-pale").css("width",sides_width);
  } 
</script>

$（文档）.ready（函数（）{
resizeSides（）
});
函数resizeSides（）{
变量title_width=$（“.title onglet”）.width（）；
var totale_width=$（“.titre onglet”）.width（）；
var new_width=总宽度-标题宽度；
可变边宽度=新宽度；
$（“.ligne onglet pale”）.css（“宽度”，侧面宽度）；
} 

我只是错过了一些东西。。。提前谢谢

试试这个：

$(".ligne-onglet-pale").css("width",sides_width + 'px');

与此相反：

$(".ligne-onglet-pale").css("width",sides_width);

如果它不起作用，请检查console中是否有错误，尝试创建

console.log（sides\u width）查看是否为正确的值。

如果它不能正常工作，请检查您是否已按类选择了正确的元素
如果它保留在内存中，则与上次一样。您可以创建一个JSFIDLE吗@USER3271655对不起，我是个初学者，我真的不知道什么是JSFIDLE！jsfiddle.org你可以用html和jquery来模拟你的问题@user3271655有点难看，但是绿色的框是你的div，计算出了宽度，黄色的div是100。如果你看到caluclate的宽度是50，它可以正常工作@user3271655你可以发布相关的HTML吗