jquery - 使用 jQuery 去除元素上的宽度和高度标签？

Question

标题只是我对如何做某事的想法，不一定是“方法”，这就是情况。

我使用以下方法将 Flickr 提要中的漂亮方形缩略图嵌入到我的网站中。

<div id="flickr_badge_wrapper" class="group">
 <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?show_name=1&count=6&display=latest&size=s&layout=x&source=user&user=57701525%40N08"></script>
</div><!-- end flickr_badge-wrapper -->

工作得很好。只有它生成的标记(见下文)包含 width="75"height="75"。这造成了严重破坏，因为它是一个流畅的布局，而且我没有已知的高度。我已经弄清楚了所有的CSS...当我从img标签中删除高度时它就起作用了(在Firebug中测试)。现在我只需要一种方法来在 Flickr feed 加载后摆脱该高度属性。

<div id="flickr_badge_wrapper" class="group">
<script type="text/javascript" src="blah blah"></script>
  <div class="flickr_badge_image" id="flickr_badge_image1">
  <a href="http://www.flickr.com/photos/57701525@N08/5635787388/">
  <img src="http://farm6.static.flickr.com/5110/5635787388_ee1c039ba2_s.jpg" alt="A photo on Flickr" title=" " height="75" width="75"></a>
  </div>
</div>

希望有一个 jQuery 的想法!

Answer 1

假设它们都在<div class="flickr_badge_image">内

$('div.flickr_badge_image img').removeAttr('width').removeAttr('height');

如果您可以控制源代码，那么在服务器端执行此操作会更好。以防 JavaScript 被关闭或避免任何内容闪现问题。