本文章来给大家简单介绍Jquery遍历 筛选页面元素自动完成实现,上面先介绍了jquery遍历的各种方法,然后把方法应用到我们实例上。
.children() : 取得匹配元素的子元素集合
.next() :取得匹配元素后面紧邻的同辈元素
.prev() :取得匹配元素前面紧邻的同辈元素
.siblings() :取得匹配元素前、后的所有同辈元素
closest() :取得最近的匹配元素
代码如下 | 复制代码 |
<ul> <li>dddddd</li> <li>ssssssssss</li> <li>aaaaaaaaa</li> <li>iiiiiiiii</li> </ul> <script type="text/javascript"> $(function(){ $ul = $("ul").children(); for(var i=0,len =$ul.length;i<len; i++) { alert($ul[i].innerHTML); } }) </script> |
看个实例
实现功能筛选页面元素 自动完成
代码如下 | 复制代码 |
<script> var value = "teset"; var s = new RegExp(value, "i")//I 表示不区分大小写(可省略) $(".lico").each(function (i, n) { //lico为所有li列表的class名 遍历 if (s.test($(n).text())) //筛选成功 { } else { //失败 } }); </script>
|