《jQuery Cookbook中文版》——1.8　将前一个选择集包含到当前选择集

本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章，第1.8节，作者:【美】jQuery社区专家组 译者：姚军 , 孙博更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.8 将前一个选择集包含到当前选择集

1.8.1 问题
你刚刚对一组元素进行操纵，获得新的元素集。但是，你想同时操作前一个元素集和当前元素集。

1.8.2 解决方案
可以用andSelf()方法合并前一个DOM元素选择集和当前选择集。例如，在下面的代码中，首先选择页面上的所有元素。接下来，操纵这组元素，寻找元素中的所有元素。现在，为了同时操作和中找到的元素，可以用andSelf()方法将![screenshot](https://yqfile.alicdn.com/70f52922812d7d80df10dadeebdba7ecac911
1d7.png)包含到当前集合。如果省略andSelf()，边框颜色将只应用到元素：

 !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 

 div 

 p Paragraph /p 

 p Paragraph /p 

 /div 

 script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" /script 

 script type="text/JavaScript" 

 jQuery(div).find(p).andSelf().css(border,1px solid #993300);

 /script 

 /body 

 /html 

1.8.3 讨论
记住，当使用andSelf()方法时，它只向当前操作集合中添加前一个集合，而不是以前选择的所有集合。

异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区，也是国内领先的IT专业图书社区，致力于优质学习内容的出版和分享，实现了纸书电子书的同步上架，于2015年8月上线运营。公众号【异步图书】，每日赠送异步新书。