Jquery 计算div宽度

我有这样的html树

<div class="parent">
  <div class="child-1">
  </div>
  <div child="child-2">
  </div>
</div>
<div class="parent">
  <div class="child-1">
  </div>
  <div child="child-2">
  </div>
</div>

---

你能帮我一下吗？

你找不到类选择器，它是一个点，试试这个：

$(".parent").each(function(){
  var all = $(this).width();
  var child = $(this).children(".child-1").width();
  var good = all - child;
  $(".child-2").width(good);
});

编辑：

正如@Bhushan Kawadkar所说的，你需要把孩子换成班级：

<div class="parent">
  <div class="child-1">
  </div>
  <div class="child-2">
  </div>
</div>
<div class="parent">
  <div class="child-1">
  </div>
  <div class="child-2">
  </div>
</div>

---

您需要对html和脚本进行一些更正

将

child=“child-2”

更改为

class=“child-2”

用户点

选择器以获取类名为

$（'.parent'）

使用

$（this.find（）

获取正确的子元素

$（函数（）{
$（“.parent”）。每个（函数（）{
var all=$（this）.width（）；
var child=$（this.find（“.child-1”）.width（）；
//控制台日志（全部）；
//console.log（子级）；
var good=所有儿童；
//控制台日志（良好）；
$（此）.find（“.child-2”）.width（良好）；
});
})

.parent{
边框：1px纯红；
高度：100px；
宽度：100%；
}
.child-1{
边框：1px纯绿色；
高度：100px；
宽度：60%；
}
.child-2{
边框：1px纯蓝色；
高度：100px；
}

儿童1
儿童2
孩子1
孩子2

try good=parseInt（all）-parseInt（child）谢谢！第1点和第2点，写在这里是错误的，在我的代码中是可以的。第三点是我做错了。谢谢，现在很好用。很高兴帮助您：）

<div class="parent">
  <div class="child-1">
  </div>
  <div class="child-2">
  </div>
</div>
<div class="parent">
  <div class="child-1">
  </div>
  <div class="child-2">
  </div>
</div>