0

我想将宽度为 的所有子 div(parent div id=product_list) 更改41%为31%.

jquery中有没有办法找到宽度为41%（仅在父div id = product_list下）的子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>
4

2 回答 2

5

以下代码片段设置divs所有层次结构中所有子项的宽度。

$("#product_list div").css('width', '31%');

更新： 下面的使用jquerychildren()方法肯定会解决您的问题

$("#product_list").children().css('width', '31%');

描述：获取匹配元素集中每个元素的子元素，可选地由选择器过滤。

于 2012-06-28T12:47:10.417 回答
2

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

仅覆盖每个子 div 的widthCSS 属性要比尝试仅更改具有“错误”值的那些要简单得多：

$('#product_list > div').css('width', '31%');

选择器>中的 确保这只会改变 的直接子代#product_list，而不是它们的子代。

于 2012-06-28T12:42:14.753 回答