我從用戶端的舊供應商那裡繼承了一個 web 部件,它有一個圖像的大小問題。 圖片應該是 60 歲×50 但由於一些奇怪的原因, 原始供應商將他們被迫 42×42, 因此,他們看擠壓:
良好的形象 |
壞形象 |
這裡是標記 (某種程度上簡化):
<表類 =' 擴展 outlook'>
<thead>
<tr>
<th 寬度 = 100′>3 星期二</th>
</tr>
</thead><tbody>
<tr 類 = '預測'>
<td 寬度 = 100′>
<ul>
<李班 = '高'>高: 72&二甘醇;F</李>
<李班 = '低'>低: 44&二甘醇;F</李>
<李班 = '狀況'>陽光燦爛
<img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ 寬度 = 42年’ 高度 = 42年’ 按住 alt =” />
</李>
</ul>
</運輸署>
</tr></tbody>
</表>
您會注意到儘管 圖像本身的路徑 顯示正確的尺寸 (60×50) 原始供應商迫使它在 42×42. 為什麼? 瘋狂.
不管怎麼說, 我想要快速而輕鬆地解決這個問題,我轉向了 jQuery。 訣竅是要找到相應的所有 <img> 標記。 我不想與任何其他 img 標籤弄髒 (其中有很多). 這位的 jQuery 沒有訣竅:
<腳本類型 ="文本 javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></腳本>
<腳本類型 ="文本/javascript">
$(文檔).準備好了(功能 () {$(' li.condition > img').每個(功能 (索引, 專案)
{
$(專案).css("寬", ""60);
$(專案).css("高度", ""50);
});
}); // 在文檔載入
</腳本>
這段代碼查找集合 <李> 誰的班是"條件"的標籤, <img> 孩子們。 它然後遍歷所有這一切。 立竿見影.
我大概可以簡化它, 但我永遠不會是那種解決 π 的 unix 傢伙 自 18 數位精度使用 sed 和 awk 和我不是那種,如果 jQuery 傢伙要麼 .
</結束>
跟我在 Twitter 上 http://www.twitter.com/pagalvin