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

我知道我这写法不标,敢问有没有简洁方法
JScript code

$(document).ready(function(){    

     $('.upfold').click(function(){
             $(this).parent().parent().parent().find('div#upfoldsort').toggle();
                
                      
});
});
    


连续3个父级才找到

请问有没有简洁点的方法

我的HTML是

<div class="a">
  <ul>
  <li><a href="#" class="upfold"></a></li>
  </ul>
</div>
<div class="secondsort" id="upfoldsort" >
<ul>
<li>3333</li>
</ul>
</div>





还有另外一个问题,AJAX获取到的数据输出到HTML后

这段代码就失效了,请问为何,FF上看到的代码跟静态的都是一样的,就是点击不展开

------解决方案--------------------
$('#upfoldsort').toggle();直接写不就行了?。。。
------解决方案--------------------
要在ajax读取后再执行一次



$('.a').click(function () {
$(this).next().toggle();


});