選擇具有一定寬度的所有子div並更新該寬度

我想要將寬度爲41%的所有子div（parent div id = product_list）更改爲寬度爲31%。選擇具有一定寬度的所有子div並更新該寬度

有jQuery的任何方式找到的41%（僅在父DIV ID =所屬類別）的寬度孩子的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>

來源

2012-06-28 The Code Developer

爲什麼31％而不是20％？ – Alnitak

@ Alnitak，bcoz 31％寬度與設計良好的工作 –

是很困難的查詢與選擇內嵌CSS屬性。

這將是簡單得多，只是覆蓋每一個孩子的div width CSS屬性而不是試圖只與「錯誤」的值更改的：

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

在選擇的>確保這將只改變直接子女#product_list，而不是他們的孩子。

來源

2012-06-28 12:42:14 Alnitak

感謝重播，但plz檢查我更新的問題 –

bcoz我不想改變其中子div寬度= 15％和16％ –

@vikastyagi是的，我的回答應對 - 選擇器中的'>'意味着它只設置高級div的寬度，而不是子級。 – Alnitak

以下代碼片段設置所有層次結構中所有子項divs的寬度。

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

更新時間： 而下面的一個肯定會解決你的問題BU使用jQuery children()方法

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

說明：獲取每個元素的孩子在匹配的元素，任選地過濾由選擇器。

來源

2012-06-28 12:47:10 Talha

嘆了口氣 - 遲到晚了5分鐘，幾乎相同的另一個答案，並在同一時間推出了一個錯誤... :( – Alnitak

答案是不一樣的，你錯過了我的'''這就是你的錯誤），爲什麼發佈一個你認爲與已發佈的答案相同的答案？這就是所謂的剽竊。 – Alnitak

@Alnitak我沒有複製和粘貼你的代碼，即使你甚至不打算測試我的代碼無論是對還是錯我知道在這裏沒有選擇器'>'它真的很傷心知道一個被高評價的人說話這樣:(我的代碼中的錯誤是它設置了所有的寬度所有層次結構中的子divs，現在我要編輯這個 – Talha

選擇具有一定寬度的所有子div並更新該寬度

回答

相關問題