Question

jQuery 修改标签的属性

我想动态修改 标签属性 用jQuery 该怎么写？

一个div 下 有6个 img 标签，

其中有两个是 有宽度 width，

用jQuery 怎么修改宽度 width 的内容?

没有width 的img 就跳过？

<div class="nav-menu">
<img src="/i/1.gif" / width="180">
<img src="/i/1.gif" / >
<img src="/i/1.gif" / >
<img src="/i/1.gif" / width="180">
<img src="/i/1.gif" / >
<img src="/i/1.gif" / >
</div>
img 标签有 width 的才修改width的值 没有 的就跳过

Answer 1

$('nav-menu img[width]').width( 180 );

ps:你图中有个写法有误，

<img src="/i/1.gif" / width="180">

多了个/

追问

这样修改 img 都会把 width 给修改了 ，

有width 的才修改 没有width 就不修改

追答

$('.nav-menu img[width]').width( 180 );

我少拼写了个“.”

img[width]这种写法就会筛选出有width属性的标签。

Answer 2

$(function(){
    $(".nav-menu img").css({width:"180px"});
})

追问

一句代码修改 所有的img

img 标签有 width 的才修改width的值 没有 的就跳过

追答

$(function(){    
    $(".nav-menu img[width!=180]").each(function(){
$(this).attr("width","300");
$(this).css("width","300");//或者这么用
})
})

Answer 3

$(function(){
$("img").each(function(){
if( typeof($(this).attr("width") != "undefined") ｛
//该怎么处理就怎么处理

｝else｛
//如果没有这个属性则跳过
｝

});

});