Jquery的一个问题

Question

      <ul>
        <li class="pe_u_thumb_list">
         <img src="Images/tree_folder4.gif" /><a href="#">竟驰软件</a>
            <ul>
              <li><a href="#">11竟驰软件</a></li>
              <li><a href="#">11竟驰软件</a></li>
              <li><a href="#">好伙伴运输行业管理网络版</a></li>
              <li><a href="#">11竟驰软件</a></li>
            </ul>
        </li>
        <li class="pe_u_thumb_list">
         <img src="Images/tree_folder4.gif" /><a href="#">竟驰软件</a>
            <ul>
              <li><a href="#">11竟驰软件</a></li>
              <li><a href="#">11竟驰软件</a></li>
              <li><a href="#">好伙伴运输行业管理网络版</a></li>
              <li><a href="#">11竟驰软件</a></li>
            </ul>
        </li>
      </ul>我想点tree_folder4.gif这个图片然后img后面的第一个ul要关闭。
jQuery(document).ready(function(){
    jQuery(".pe_u_thumb_list").children("img").toggle(function(){
        jQuery(this).parent().next("ul").show();
jQuery(this).attr("src","Images/tree_folder3.gif");
    },function(){
        jQuery(this).parent().next("ul").hide();
jQuery(this).attr("src","Images/tree_folder4.gif");
    });
但是上面的代码为什么无效？

Answer 1

<script type="text/javascript">
//<![CDATA[
$(function(){
$('.pe_u_thumb_list img').toggle(function(){
$(this).parent().find('ul').toggle();
$(this).attr('src','Images/tree_folder3.gif');
},function(){
$(this).parent().find('ul').toggle();
$(this).attr('src','Images/tree_folder4.gif');
});
});
//]]>
</script>

Answer 2

$(function(){
$('.pe_u_thumb_list img').toggle(function(){
//$(this).parent().find('ul').toggle();
$(this).nextAll('ul').toggle();
$(this).attr('src','Images/tree_folder3.gif');
},function(){
//$(this).parent().find('ul').toggle();
$(this).nextAll('ul').toggle();
$(this).attr('src','Images/tree_folder4.gif');
});
});同样效果

Answer 3

$(document).ready(function(){
  $("li.pe_u_thumb_list img").toggle(
    function(){
    $(this).attr("src","Images/tree_folder3.gif").next("ul").show();    
    },
    function(){
    $(this).attr("src","Images/tree_folder4.gif").next("ul").hide();    
    }
  );
});

Answer 4

$(document).ready(function(){
  $(".pe_u_thumb_list").children("img").toggle(function(){
$(this).next("a").next("ul").show();//这里的this是指img
$(this).attr("src","images/1.png");
  },function(){
    $(this).next("a").next("ul").hide();
$(this).attr("src","images/2.png");
  });
});