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

来源:转载

本文章来给大家简单介绍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>




分享给朋友:
您可能感兴趣的文章:
随机阅读: