关于 $(img,$self).attr(src,images/down.gif) 这句话的疑问Html代码:div classglobal_module p
关于 $("img",$self).attr("src","images/down.gif"); 这句话的疑问
Html代码:
<div class="global_module procatalog">
<h3>产品分类</h3>
<ul class="m-treeview">
<li class="m-expanded">
<span>衬衫</span>
<ul>
<li><span>短袖衬衫</span></li>
<li><span>长袖衬衫</span></li>
</ul>
</li>
<li class="m-expanded">
<span>卫衣</span>
<ul>
<li ><span>开襟卫衣</span></li>
<li ><span>套头卫衣</span></li>
</ul>
</li>
<li class="m-expanded">
<span>裤子</span>
<ul>
<li><span>休闲裤</span></li>
<li><span>免烫卡其裤</span></li>
<li><span>牛仔裤</span></li>
<li><span>短裤</span></li>
</ul>
</li>
</ul>
<p class="module_up_down"><img src="images/down.gif" alt="关于 $("img"$self).attr("src""images/down.gif"); 这句话的疑义" /></p>
</div>
JS代码:
/*模块展开和关闭*/
$(function(){
$(".module_up_down").toggle(function(){
var $self = $(this);
$self.prev().slideToggle(600,function(){
$("img",$self).attr("src","images/up.gif");
});
},function(){
var $self = $(this);
$self.prev().slideToggle(600,function(){
$("img",$self).attr("src","images/down.gif");
});
})
})
为了实现如下效果:
为了更改<p class="module_up_down"><img src="images/down.gif" alt="关于 $("img"$self).attr("src""images/down.gif"); 这句话的疑义" /></p> 这里的img的src,
我感觉用这个选择器不恰当:$("img",$self).attr("src","images/down.gif");
应该用:$self.find("img").attr("src","images/down.gif");
是不是呢?
[解决办法]
"ancestor descendant"是一个参数,那个是两个
