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>
时间： 2024-09-20 06:40:02

Jquery遍历 筛选页面元素自动完成代码的相关文章

JS Jquery 遍历,筛选页面元素 自动完成

本篇文章是对JS Jquery 遍历,筛选页面元素 自动完成的实现代码进行了详细的分析介绍,需要的朋友参考下   复制代码 代码如下:         <script>         var value = "teset";         var s = new RegExp(value, "i")//I 表示不区分大小写(可省略)         $(".lico").each(function (i, n) {    //li

JS Jquery 遍历,筛选页面元素 自动完成(实现代码)_javascript技巧

复制代码 代码如下:         <script>        var value = "teset";        var s = new RegExp(value, "i")//I 表示不区分大小写(可省略)        $(".lico").each(function (i, n) {    //lico为所有li列表的class名 遍历            if (s.test($(n).text()))  //筛

jquery遍历筛选数组的几种方法

 本文为大家介绍下jquery遍历筛选数组的几种方法和遍历解析json对象的具体实现,感兴趣的朋友不要错过 jquery grep()筛选遍历数组   代码如下: $().ready(  function(){  var array = [1,2,3,4,5,6,7,8,9];  var filterarray = $.grep(array,function(value){  return value > 5;//筛选出大于5的  });  for(var i=0;i<filterarray.

android-jsp 页面图片自动切换代码

问题描述 jsp 页面图片自动切换代码 要求: 1.支持跨浏览器(常用的几种),IE需要支持低版本(IE6-IE8): 2.支持手机浏览(苹果IOS和android系统): 3.图片数量及切换的窗口大小可以自己设置(不要多处修改): 4.图片从有到左滚动,鼠标放上面,图片停止滚动,点击图片可以跳转到指定页面. 可以用jquery,多页面可以调用(只需修改图片参数即可). 效果类似下面网页:http://www.bj969.com/news/201601.xml 测试好了再回答,谢谢. 解决方案

jquery获取IFRAME框架页面元素值的代码

例子         $(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked", true); 在IFRAME中操作 选中父窗口中的所有单选钮     $(window.parent.document).find("input[@type='radio']").attr("checked","t

jquery遍历筛选数组的几种方法和遍历解析json对象_jquery

jquery grep()筛选遍历数组 复制代码 代码如下: $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<filterarray.length;i++){ alert(filterarray[i]); } for (key in filtera

JQuery显示隐藏页面元素的方法总结_jquery

在jquery中显示隐藏div方法方法有很多种,如比较简单的函数show(),hide(),toggle(),slideDown()然后还有css设置div的style属性都可操作,下面我来介绍. show()方法 显示出隐藏的 <p> 元素. 复制代码 代码如下: $(".btn2").click(function(){   $("p").show(); }); toggle()方法 toggle() 方法切换元素的可见状态. 如果被选元素可见,则隐藏

jquery 查找iframe父级页面元素的实现代码_jquery

父页面代码 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ

JQuery 简便实现页面元素数据验证功能_jquery

ASP.NET提供了丰富的数据验证控件,但这个验证功能都必须运用在服务器控件中:在复合验证数据时使用也不是很方便(虽然拖放控件很方便,但拖放数增多和设置相关属性就变得很麻烦的事情).为了更方便灵活地实现验证功能,于是采用了JQuery编写了一个简单验证组件,在使用时只需要简单的描述一下验证规则,并不需要写一句JavaScript就可以实现具备ASP.NET验证控件的功能(当然页面要引入相关JavaScript文件). 功能目标        通过简单的自定义属性值描述具体的验证功能,当Form提