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

Question

标题只是我对如何做某事的想法,不一定是"方式",这就是情况.

我正在使用以下内容将我的Flickr Feed中漂亮的方形缩略图嵌入到我的网站中.

<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源加载后的高度属性.

<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被关闭或避免任何内容闪存问题.