本文翻译自jQuery Cookbook (O’Reilly 2009) 1.7 Returning to the Prior Selection Before a Destructive Change
需求
在元素集上执行的更改操作（比如filter()，find()）需要被撤销，从而返回其之前的状态。
解决方案
jQuery提供一个叫做end()的方法，使用该方法可以返回DOM元素集在更改操作之前的状态。为了理解end()方法，可以来看一下下面的例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <p>text</p> <p class="middle">Middle <span>text</span></p> <p>text</p> <script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/JavaScript"> alert(jQuery('p').filter('.middle').length); //显示 1 alert(jQuery('p').filter('.middle').end().length); //显示 3 alert(jQuery('p').filter('.middle').find('span') .end().end().length); //显示 3 </script> </body> </html>
上述代码中的第一个alert()语句会搜索所有的<p>元素，并对选中的<p>元素集运行filter()方法，过滤掉那些class属性不为middle的元素。length属性显示在最终得到的集合中仅有1个元素：
alert(jQuery('p').filter('.middle').length); //显示 1
第二个alert()语句使用了end()方法。与第一个例子相比，唯一不同的是filter()方法的效果被撤销了，返回得到的元素集与filter()方法运行前是一样的：
alert(jQuery('p').filter('.middle').end().length); //显示 3
最后一个alert()语句展示了end()方法连续使用2次后，filter()和find()方法的效果均被撤销，返回得到元素集最初的状态：
alert(jQuery('p').filter('.middle').find('span').end().end().length); //显示 3
讨论
如果end()方法之前并没有对元素集的更改操作，那么得到的将是一个空集。“更改操作”指的是任何改变当前jQuery元素集的操作，也就是任何针对jQuery对象的遍历或编辑操作，包括：add(), andSelf(), children(), closes(), filter(), find(), map(), next(), nextAll(), not(), parent(), parents(), prev(), prevAll(), siblings(), slice(), clone(), appendTo(), prependTo(), insertBefore(), insertAfter(), replaceAll()。
5733
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
