JQuery

1个成员

Jquery遍历 筛选页面元素自动完成代码

发表于 2017-02-08 3647 次查看
本文章来给大家简单介绍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>

发表回复
你还没有登录,请先登录注册