Kam trashëguar një pjesë të internetit nga shitësi vjetër të klientit dhe ajo ka një problem me permasa të imazhit. Imazhet duhet të jetë 60×50 por për disa arsye të çuditshme, shitësi origjinal detyruar ato në 42×42, kështu që ata shikojnë hequr:
|
Image Mirë |
Image Bad |
 |
|
Ja markup (thjeshtuar disi):
<'zgjeruar-opinion' tabelë class =>
<thead>
<tr>
<th width = '100′>3 E martë</th>
</tr>
</thead><tbody>
<tr class = 'parashikimi'>
<td width = '100′>
<st>
<li class = 'të lartë'>I lartë: 72&ju;F</li>
<li class = 'të ulët'>Ulët: 44&ju;F</li>
<'kusht' LI class =>Me diell
<img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ height = '42’ alt =” />
</li>
</st>
</td>
</tr></tbody>
</tryezë>
Ju do të vini re se edhe pse rruga për imazhin e vetë tregon dimensionin e duhur (60×50) shitësi origjinal të detyruar atë në 42×42. Përse? I çmendur.
Dosido, Doja një zgjidhje të shpejtë dhe të lehtë për këtë çështje dhe unë u kthye për të jQuery. Qëllimi ishte për të gjetur të gjitha të përshtatshme <img> tags. Unë nuk dua të endem me ndonjë tags img tjera (të cilat nuk janë shumë). Kjo pak e jQuery ka mashtrim:
<script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></dorëshkrim>
<script type="text/javascript">
$(dokument).gati(funksion () {$(‘li.condition > 'img).çdo(funksion (indeks, artikull)
{
$(artikull).css("width", "60");
$(artikull).css("height", "50");
});
}); // on ngarkesës dokumentin
</dorëshkrim>
Se pak e kodit gjen mbledhjen <li> tags cilëve klasë është "kusht" dhe <img> fëmijët. Ajo pastaj iterates nëpër të gjithë se. Ka punuar si një hajmali.
Unë ndoshta mund të modernizojë atë, por unë kurrë nuk ishte një lloj i djalë unix që zgjidhet π në 18 shifrat saktësi duke përdorur sed dhe awk dhe unë nuk jam se lloji qoftë djalë jQuery ose 
.
</fund>
Atëherë ejani pas meje në Twitter në http://www.twitter.com/pagalvin
