日期:2014-05-16  浏览次数:20481 次

关于 $("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="" /></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="" /></p> 这里的img的src,
我感觉用这个选择器不恰当:$("img",$self).attr("src","images/down.gif"); 
应该用:$self.find("img").attr("src","images/down.gif"); 

是不是呢?


------解决方案--------------------
"ancestor  descendant"是一个参数,那个是两个