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

Question

我想使用 jquery 将宽度属性添加到包含 png 和 jpg 的 img 标签中的 gif 文件。这是我要从中选择 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);

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

Answer 1

.find因为你从单引号开始，所以在你周围使用双.gif引号：

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

Answer 2

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

语法无效，因为您要关闭引号并在其间放置无效文本。你应该这样做：

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

如果需要，您也可以.css()使用.attr()( css('width',500))