0

41%幅が のすべての子 div(親 div id=product_list) を の幅に変更したい31%。

jqueryで幅の子divを見つけて41%（親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>
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 属性を照会するのは困難です。

width「間違った」値を持つものだけを変更しようとするよりも、すべての子 div の CSS プロパティを上書きする方がはるかに簡単です。

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

セレクターの>により、 の直接の子のみが変更され、#product_listその子も変更されないことが保証されます。

于 2012-06-28T12:42:14.753 に答える