jQuery查找和过滤实例详解

最常见的查找是在某个节点的所有子节点中查找，使用find()方法，它本身又接收一个任意的选择器。例如如下的HTML结构：

<!-- HTML结构 -->
<ul class="lang">
 <li class="js dy">JavaScript</li>
 <li class="dy">Python</li>
 <li id="swift">Swift</li>
 <li class="dy">Scheme</li>
 <li name="haskell">Haskell</li>
</ul>

用find()查找：

如果要从当前节点开始向上查找，使用parent()方法：

对于位于同一层级的节点，可以通过next()和prev()方法，例如：
当我们已经拿到Swift节点后：

过滤

和函数式编程的map、filter类似，jQuery对象也有类似的方法。
filter()方法可以过滤掉不符合选择器条件的节点：

或者传入一个函数，要特别注意函数内部的this被绑定为DOM对象，不是jQuery对象：

map()方法把一个jQuery对象包含的若干DOM节点转化为其他对象：

此外，一个jQuery对象如果包含了不止一个DOM节点，first()、last()和slice()方法可以返回一个新的jQuery对象，把不需要的DOM节点去掉：

相关推荐：

详解PHP实现查找两个数组中不同元素的方法

php在多维数组中查找指定值的方法

PHP二分法实现数组查找功能教程

以上就是jQuery查找和过滤实例详解的详细内容，更多请关注Gxl网其它相关文章！