`
ifox
  • 浏览: 64376 次
社区版块
存档分类
最新评论

使用jquery的遍历each时的一个错误

 
阅读更多

 

一段小小的代码让我纠结那么久。上午的时候对jquery感觉还是非常棒的,就是因为这段代码,让我搞了这么久。

代码实现的功能这是样的,当点击全选的时候,所选条目变色,当点击取消全选的时候根据行的奇偶性来显示不同的颜色。

 

$(function(){
  $('#ckall').click(function(cbo){
        if(this.accept==''){
                if($(this).attr('checked')==true){        
                     $("input[accept=1]").each(function() {
                             $(this).attr("checked",true);
                             $(this).parents("tr").css("background","#FBEC87");        
                      });
               }else{
                     $("input[accept=1]").each(function() {
                     $(this).attr("checked",false);                        
                     if(($(this).parents("tr").prevAll().length+1)%2==0){        
                             $(this).parents("tr").css("background","white");
                     }else{
                             $(this).parents("tr").css("background","#E5F2FB");        
                      }
             });
    }
   }
  })
})

循环的时候,执行到第二句的时候就会报错。这个语句用在上面也可以啊,为什么提示报错呢?一列10条数据,第一条可以,然后就报错了。我试了好多种方法,以为是取父类的问题。最后发现竟然是#的问题。不能为空?设置成white就OK了。

得到的经验:遇到错误,不要心急,找出错误的位置,先分析,再多想下。这个语句严谨吗?这个语句真的100%没有问题吗?我相信int i=1;你肯定会认为它没有问题。从上面的东西我得到了一个灰常深刻的教训,写代码要严谨,严格按照规范,这样才能最大化的减少问题

分享到:
评论

相关推荐

    jquery 遍历 学习

    这个“jQuery遍历学习”的主题主要关注如何使用jQuery来高效地遍历DOM元素,以实现对网页内容的控制和操作。 首先,jQuery提供了多种遍历方法,包括基本的选择器和遍历函数。选择器如`$()`用于选取DOM元素,可以...

    jQuery 遍历的 each() 方法

    `each()`方法是jQuery中的一个核心功能,用于遍历集合中的每一个元素,这在处理DOM节点数组或者对象数组时非常实用。下面我们将深入探讨`each()`方法的用法、原理以及它在实际开发中的应用。 ### `each()`方法概述 ...

    jQuery的$.each()遍历数组或对象的用法

    $.each()遍历数组或对象的具体用法

    浅析jQuery 遍历函数,javascript中的each遍历_.docx

    在 JavaScript 中,each 方法是 jQuery 库中的一个核心方法,用于遍历数组或对象。其基本语法为:`$.each(collection, callback)` 其中,`collection` 是要遍历的数组或对象,`callback` 是一个函数,每次遍历时...

    jQuery 1.5 遍历xml节点属性

    在IT领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画以及Ajax交互等任务。本文将详细讲解如何在jQuery 1.5版本中遍历XML节点属性,结合给定的资源——一个名为"test.html"的HTML...

    jquery遍历select元素(实例讲解)

    本篇文章提供一款jquery遍历select教程代码,主要是利用了$(“#<%=ddl_xreg_id.clientid%> option”).each(function() {形式来each遍历一次,这样所有的select就给查询了一次。 代码如下:[removed][removed]...

    jquery 遍历数组 each 方法详解

    在遍历数组时,$.each()方法接受两个参数:一个是数组本身,另一个是一个回调函数。回调函数本身接受两个参数:数组元素的索引和对应的值。索引参数通常是可选的,但回调函数应至少接受一个参数以接收数组元素的值。...

    jquery遍历checkbox的注意事项说明

    然而,在使用jQuery遍历checkbox时,如果不注意一些细节,可能会遇到一些问题。以下我们将详细介绍在使用jQuery遍历checkbox时需要注意的几个关键点。 首先,在使用jQuery选择器的时候,需要准确地指定要操作的元素...

    JQuery遍历的知识

    `$.each()`方法不仅适用于基本的遍历操作,还可以用于更复杂的逻辑,比如在遍历过程中进行条件判断、修改元素、或者与其他jQuery方法结合使用。在实际开发中,你可能会遇到各种各样的场景,如遍历JSON对象、处理DOM...

    jQuery 遍历css选择器

    在JavaScript的世界里,jQuery是一个非常流行且强大的库,它极大地简化了DOM操作、事件处理以及Ajax交互等任务。其中,jQuery的CSS选择器是其核心功能之一,它提供了丰富的选择器来帮助开发者高效地选取页面上的元素...

    jQuery 遍历函数详解

    .each()函数是一个非常通用的迭代函数,能够为集合中的每一个元素执行一个回调函数。对于数组和对象都有很好的适用性。 .end()函数用来结束当前链式操作中的最近一次筛选操作,返回到前一次的状态。这通常用在多重...

    Jquery遍历Json数据的方法

    `$.each`是jQuery提供的一个遍历函数,可以用来遍历对象或数组。它接受两个参数:要遍历的对象或数组,以及一个回调函数。回调函数接受两个参数:索引和值。 遍历外层对象(如`a.sys_bb`): ```javascript $.each...

    jquery使用each方法遍历json格式数据实例

    jQuery的$.each()方法是一个非常有用的函数,可以用来遍历数组或对象。在处理JSON格式数据时,$.each()方法是一个有效的工具,因为它允许开发者对JSON对象或数组中的每个元素执行操作。 JSON(JavaScript Object ...

    js/jquery遍历对象和数组的方法分析【forEach,map与each方法】

    主要介绍了js/jquery遍历对象和数组的方法,结合实例形式分析了数组遍历的forEach,map与each方法常见使用技巧,需要的朋友可以参考下

    jQuery中each遍历的三种方法实例分析

    在这种方法中,首先通过 jQuery 选择器获取一个对象集合,然后使用 jQuery 的 $.each() 方法来遍历这个集合。$.each() 方法是 jQuery 提供的一个通用的遍历函数,它同样接受一个回调函数作为参数,回调函数中的两个...

    用JQuery对元素赋值、遍历、追加、分割和找索引的代码实例

    jQuery的`each()`方法允许我们遍历jQuery对象中的每一个元素,并执行指定的函数。以下是如何遍历所有`<p>`元素并打印其内容的示例: ```javascript $("p").each(function(index, element) { console.log($(this)....

    Jquery遍历json的两种数据结构[参照].pdf

    2. **遍历JSON数组**:如果JSON数据是一个数组,同样可以使用`$.each()`,但此时的`content`参数将是数组中的每个元素。例如: ```javascript var arr = [{name: 'John', lang: 'JS'}, {name: 'Jane', lang: '...

    JS与jQuery遍历Table所有单元格内容的方法

    文章中还提供了一个使用jQuery进行交互操作的实例,即点击表格中的行后,将该行单元格的内容动态展示在页面的其他位置,并通过点击按钮进行恢复原状的操作。 - 通过`.each()`方法遍历表格中所有的行(tr),为每行...

    Jquery使用each函数实现遍历及数组处理

    当我们有一个一维数组时,`each()`函数可以轻松地遍历其中的每个元素。例如: ```javascript var arr = ['a', 'aa', 'aaa']; $.each(arr, function(i, val) { console.log(i, val); }); ``` 在这个例子中,`...

    JQuery遍历json数组的3种方法

    以下是一个使用$.each()方法遍历JSON数组的例子: ```javascript var obj = [{"name":"项海军","password":"123456"}]; // 使用$.each()遍历数组 $.each(obj, function(n, value) { alert(n + ' : ' + value); ...

Global site tag (gtag.js) - Google Analytics