Question

我想更改宽度为41%的所有子div（父div id = product_list），使其宽度为31%。

在jquery中是否有任何方法可以找到宽度为41%的子div（仅在父div id = product_list下）并将宽度更改为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>

Answer 1

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

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

<强>更新以下一个肯定会使用jquery children()方法

解决您的问题

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

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

Answer 2

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

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

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

选择器中的>确保此选项只会更改#product_list的直接子项，而不会更改其子项。

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

2 个答案: