然而更多的 jQuery–調整大小圖像示例

我從用戶端的舊供應商那裡繼承了一個 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);
            });
     }); // 在文檔載入
</腳本>