使用jquery在img标签中设置gif文件的宽度

时间:2013-07-26 14:41:36

标签: jquery

我想使用jquery在包含png和jpg的img标签中为gif文件添加width属性。 这是我想从中选择gif的代码。

<article id="post195" class="abcd123">
  <div class="content">
    <div id='gallery' class='columns'>
        <dl class='gallery-item'>
            <dt class='gallery-icon'>
                <a href='/?attachment_id=195' title='gif(1)'><img src="http://qwerty123.com/images/testfile.gif" class="attachment" /></a>
            </dt>
        </dl>
    </div>
  </div>
</article>

使用这个:

$("article").find('img[src$='.gif']').attr('width',500);

但它不起作用。 谁能告诉我问题出在哪里?

2 个答案:

答案 0 :(得分:4)

.find .gif周围使用双引号,因为您从单引号开始:

$("article").find('img[src$=".gif"]').attr('width',500);

答案 1 :(得分:2)

$("article").find('img[src$='.gif']').attr('width',500);

语法不正确,因为您正在关闭引号并在其间放置无效文本。你应该这样做:

$("article").find('img[src$=".gif"]').attr('width',500);

如果需要(.css()

,您也可以使用.attr()代替css('width',500)