Jquery 选择具有特定宽度的所有子div并更新该宽度

Jquery 选择具有特定宽度的所有子div并更新该宽度,jquery,Jquery,我想将宽度为41%的所有子div(父div id=product\u list)更改为宽度为31% jquery中是否有任何方法可以找到宽度为41%(仅在父div id=product\u列表下)的子div,并将宽度更改为31% 注意:我无法设置代码子div id bocz,这些是随机更改的 这是html代码 <div id="product_list" style="float:none;"> <div id="row_4fec46be9210e" style="marg

我想将宽度为
41%
的所有子div(父div id=product\u list)更改为宽度为
31%

jquery中是否有任何方法可以找到宽度为
41%
(仅在父div id=product\u列表下)的子div,并将宽度更改为
31%

注意:我无法设置代码子div id bocz,这些是随机更改的

这是html代码

<div id="product_list" style="float:none;">
  <div id="row_4fec46be9210e" style="margin-right: 5px; width:31%; float:left;">
      <div id="row_4fec" style="margin-right: 5px; width:15%; float:left;"></div>
      <div id="row_4fec" style="margin-right: 5px; width:16%; float:left;"></div>
  <div>
  <div id="row_4fec46be92339" style="margin-right: 5px; width:31%; float:left;"></div>
  <div id="row_4fec46be92523" style="margin-right: 5px; width:31%; float:left;"></div>
  <div id="row_4fec46be92523" style="margin-right: 5px; width:41%; float:left;"></div>
  <div id="row_4fec46be92523" style="margin-right: 5px; width:41%; float:left;"></div>
 </div>

使用选择器很难查询内联CSS属性

只覆盖每个子div的
width
CSS属性要比只更改具有“错误”值的属性简单得多:


选择器中的
确保这只会更改
#product_list
的直接子级,而不会更改其子级。

以下代码段设置了所有层次结构中所有子
div
的宽度

$("#product_list div").css('width', '31%');
更新: 下面的一个肯定会使用jquery方法解决您的问题


描述:获取匹配元素集中每个元素的子元素,可选地通过选择器进行筛选。

叹气-迟到5分钟,与另一个答案几乎相同,同时引入了一个错误…:(答案不一样,你漏掉了我的
(这是你的错误)。为什么要发布一个你认为与已经发布的答案相同的答案?这被称为剽窃。@Alnitak我没有复制和粘贴你的代码。即使你都懒得测试我的代码,无论它是对是错。我知道这里没有选择器“>”。知道一个评价很高的人这样说真的很难过:(.我的代码中的错误是它设置了所有层次结构中所有子div的宽度。现在我要编辑它。你的答案中只有一行代码,没有解释性文本,你甚至声称它是相同的。我该怎么想?!我昨天很匆忙。答案是自我解释。我不想改变re child div width=15%和16%@vikastyagi是的,我的答案可以解决这个问题-选择器中的
意味着它只设置更高级别div的宽度,而不是子级的宽度。@Alnitak,bcoz 31%的宽度与设计配合得很好
$("#product_list div").css('width', '31%');
$("#product_list").children().css('width', '31%');