一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jQuery遍历节点-find()方法使用说明

时间:2013-08-21 编辑:简简单单 来源:一聚教程网

find(selector)

此方法用于在匹配元素的后代元素中按照选择器表达式进行筛选。
记住:使用此方法必须得传入选择器表达式参数,不然是获取不到任何元素的,也就失去了使用此方法的意义了。

我最近才想明白,利用jquery方法如何找到一个元素中的所有的后代元素。使用这个.find()方法就可以轻松地做到。
来看例子:

 代码如下 复制代码


    我是最外一层的div纯文本内容
   

        我是第二层div的纯文本内容
        jquery基础教程
        jquery教程
   

   

        我也是第二层div的纯文本内容
        PHP学习
        PHP教程
   

$("#level_one").find("*").length;//这个就是获取id为“level_one”的div中的所有的元素的个数,结果为6。
$("#level_one").find("div").length;//会获取到2个元素
$("#level_one").find("span").length;//会获取到4个元素
$("#level_one").find("span.item").length;//会获取到2个元素

例1

 代码如下 复制代码



 我是最外一层的div纯文本内容
 

  我是第二层div的纯文本内容
  jquery基础教程
  jquery教程
 

 

  我也是第二层div的纯文本内容
  PHP学习
  PHP教程
 





其实上面的jquery代码和下面的jquery代码的效果是一样的。

 代码如下 复制代码


$("#level_one *").length;//会获取到6个元素
$("#level_one div").length;//会获取到2个元素
$("#level_one span").length;//会获取到4个元素
$("#level_one span.item").length;//会获取到2个元素

exp1

 代码如下 复制代码



 我是最外一层的div纯文本内容
 

  我是第二层div的纯文本内容
  jquery基础教程
  jquery教程
 

 

  我也是第二层div的纯文本内容
  PHP学习
  PHP教程
 


点击下面的button都是在id为level_one的div中筛选元素









热门栏目