然而更多的 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);
            });
     }); // 在加载文档
</脚本>