`
郑云飞
  • 浏览: 812569 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

工作之中遇到的小问题-

 
阅读更多
00

迭代div name取不到next 的值0

Html代码  收藏代码
  1. <table class="table table-bordered" style="width:100%;">  
  2.        <tbody id='tab2' class='table table-hover'><tr><th>序号</th><th>支付时间</th><th>支付金额</th><th>是否已出账</th></tr>  
  3.        <tr>  
  4.            <td>1</td>  
  5.            <td ><div id="rtime1" class="datepicker-target">2014-05-01</div></td>  
  6.            <td><input type="text" name="money"/> </td>  
  7.            <td></td>  
  8.        </tr>  
  9.        <tr>  
  10.            <td>2</td>  
  11.            <td><div id='rtime2' class="datepicker-target">2014-05-02</div></td>  
  12.            <td><input type="text" name="money"/></td>  
  13.            <td></td>  
  14.        </tr>  
  15.        <tr>  
  16.            <td>3</td>  
  17.            <td><div id='rtime3' class="datepicker-target">2014-05-03</div></td>  
  18.            <td><input type="text" name="money"/></td>  
  19.            <td></td>  
  20.        </tr>  
  21.        <tr>  
  22.            <td>4</td>  
  23.            <td><div id='rtime4' class="datepicker-target">2014-05-04</div></td>  
  24.            <td><input type="text" name="money"/></td>  
  25.            <td></td>  
  26.        </tr>  
  27.        <tr>  
  28.            <td>5</td>  
  29.            <td><div id='rtime5' class="datepicker-target">2014-05-05</div></td>  
  30.            <td><input type="text" name="money"/></td>  
  31.            <td></td>  
  32.        </tr>  
  33.   
  34.        <tr>  
  35.            <td>6</td>  
  36.            <td><div id='rtime6' class="datepicker-target">2014-05-06</div></td>  
  37.            <td><input type="text" name="money"/></td>  
  38.            <td></td>  
  39.        </tr>  
  40.        <tr>  
  41.            <td>7</td>  
  42.            <td><div id='rtime7' class="datepicker-target">2014-05-07</div></td>  
  43.            <td><input type="text" name="money"/></td>  
  44.            <td></td>  
  45.        </tr>  
  46.        <tr>  
  47.            <td>8</td>  
  48.            <td><div id='rtime8' class="datepicker-target">2014-05-08</div></td>  
  49.            <td><input type="text" name="money"/></td>  
  50.            <td></td>  
  51.        </tr>  
  52.        <tr>  
  53.            <td>9</td>  
  54.            <td><div id='rtime9' class="datepicker-target">2014-05-19</div></td>  
  55.            <td><input type="text" name="money"/></td>  
  56.            <td></td>  
  57.        </tr>  
  58.        <tr>  
  59.            <td>10</td>  
  60.            <td><div id='rtime10' class="datepicker-target">2014-05-10</div></td>  
  61.            <td><input type="text" name="money"/></td>  
  62.            <td></td>  
  63.        </tr>  
  64.        <tr>  
  65.            <td>11</td>  
  66.            <td><div id='rtime11' class="datepicker-target">2014-05-11</div></td>  
  67.            <td><input type="text" name="money"/></td>  
  68.            <td></td>  
  69.        </tr>  
  70.        <tr>  
  71.            <td>12</td>  
  72.            <td><div id='rtime12' class="datepicker-target">2014-05-12</div></td>  
  73.            <td><input type="text" name="money"/></td>  
  74.            <td></td>  
  75.        </tr>  
  76.        <tr>  
  77.            <td colspan="5" style="text-align: center" >  
  78.            <button type="button" class="btn" id="okBtn">  
  79.                <span>保存</span>  
  80.            </button>  
  81.            <button type="button" class="btn" id="backBtn">  
  82.                <span>返回</span>  
  83.            </button>  
  84.        </td></tr>  
  85.        </tbody>  
  86.    </table>  

 

Js代码  收藏代码
  1. <script>  
  2. $(function(){  
  3.     $(".datepicker-target").each(function(){  
  4.         var value=$(this).html();  
  5.             var next=$(this).next().html();  
  6.              if(next!=null){  
  7.                  if(value>next){  
  8.                      alert("前面的时间大于后面的时间");  
  9.                      return;   
  10.                  }  
  11.              }  
  12.           
  13.     });  

 为什么next的值是null,怎么获取next的值?

 
2014年5月18日 20:43
 
 
 
 

4个答案按时间排序按投票排序

00

你是想获取支付金额么? 
next()官方文档是这样描述的 

.next() 
Get the immediately following sibling of each element in the set of matched elements. If a selector is provided, it retrieves the next sibling only if it matches that selector. 
[/html] 
就是获取下一个兄弟节点 
很明显楼主你给出的html中div没有下一个兄弟节点,如果你想获取支付金额,你可以通过 
div的parent获取td ,next获取下一个相邻的td标签,通过td的children获取input 
然后就可以根据input标签的value获取支付金额了。 
具体代码如下: 


$("#okBtn").on('click',function(){ 
$.each($(".datepicker-target"),function(i,item){ 
console.info($(item).parent().next().children()[0].value); 
}); 
}); 

[/js] 
希望可以帮到您!

2014年5月19日 10:51
 
00

var next=$(this).next().html(); 
你这里$(this).next()获得的是$(".datepicker-target")返回的集合的所有后面的元素, 
也就是说也是一个集合,所以获得的不是你想要的结果,应该改成这样 

$(function(){  
    var id=1; 
    $(".datepicker-target").each(function(){  
        var value=$(this).html(); 
        var idVal="#rtime"+id; 
            var next=$(this).next(idVal).html();  
             if(next!=null){  
                 if(value>next){  
                     alert("前面的时间大于后面的时间");  
                     return;   
                 }  
             }  
        ++id; 
    }); 

2014年5月18日 22:03
 
00

<td><div id='rtime11' class="datepicker-target">2014-05-11</div></td>  

是文本值啊 要通过html()来获取到啊! 

2014年5月18日 21:48
 
00

 

Java代码  收藏代码
  1. 你这样取不到next的  
  2. 如<td><div id='rtime12' class="datepicker-target">2014-05-12</div></td>    
  3.   
  4. 这条记录你的div的next是空的  
  5.   
  6. 除非你的是这样的  
  7. <td>  
  8. <div id='rtime12' class="datepicker-target">2014-05-12</div>  
  9. <div>测试数据</div>  
  10. </td>  
  11.    
  12. var next=$(this).next().html();  
  13. 这样的你的next就是 测试数据了  

 

2014年5月18日 21:15
 

 

 

 

 

最后解决:

            var times=$("time");
            var length=times.length;
            for(var i=0;i<length;i++){
                var value=$(times[i]).datepicker('getFormattedDate');
                if(length>1){
                    if(i<length-1){
                      var nextValue=$(times[i+1]).datepicker('getFormattedDate');         
                        if(value>nextValue){
                            bootbox.alert("后面的支付之间不能小于前面的支付时间");
                            return;
                        }
                    }else{
                        var v1=times[i-2];
                        var v2=times[i-1];
                        if(v1>v2){
                            bootbox.alert("后面的支付之间不能小于前面的支付时间");
                            return;
                        }
                    }
                }

            }

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    微信小程序中scroll-view中不设定高度实现自动滚动

    在微信小程序开发过程中,经常会遇到需要使用`scroll-view`组件来展示可滚动内容的需求。通常情况下,为了使`scroll-view`能够正常工作,我们需要为其指定一个固定的高度值。然而,在某些场景下(例如内容长度不确定...

    万恶的Appuse-----Appuse2.X在MyEclipse之中的部署问题

    【标题】:“万恶的Appuse-----Appuse2.X在MyEclipse之中的部署问题” 在探讨Appfuse 2.x在MyEclipse中的部署问题前,我们先来了解下Appfuse和MyEclipse这两个关键概念。 Appfuse是一个开源项目,它提供了一种快速...

    mysql相关的资料:mysql工作与学习中遇到的一些问题或者说解决办法,或是一些搭建过程之类的

    mysql相关的资料:mysql工作与学习中遇到的一些问题或者说解决办法,或是一些搭建过程之类的

    S7-1200_1500PLC中的定时器为什么不计时或不工作?.docx

    当遇到S7-1200或S7-1500PLC中的定时器不计时或不工作的问题时,首先需要检查定时器的输入位是否有正确的信号跳变,其次检查是否每个定时器都拥有独立的背景数据块,最后确认程序中是否正确使用了定时器的输出点或...

    JSP-Servlet中的汉字编码问题-JSP教程

    ### JSP-Servlet中的汉字编码问题详解 #### 一、引言 在Web开发中,尤其是在使用JavaServer Pages (JSP) 和 Servlet 进行页面处理时...通过本文的学习,希望能够帮助大家更好地理解和应对实际开发中遇到的相关挑战。

    jd-gui-1.6.6修正中文不能复制

    在原版的1.6.6版本中,存在一个问题,即用户无法复制代码中的中文字符,这对于那些包含中文注释或字符串的Java项目来说是一个不便之处。 **描述:** 描述指出,由于原始`jd-gui` 1.6.6版本存在一个bug,导致用户在...

    Spark部署中的关键问题解决之道--许鹏.zip

    《Spark部署中的关键问题解决之道--许鹏》 在大数据处理领域,Apache Spark...通过深入学习和实践,我们可以有效解决部署中遇到的问题,最大化Spark的性能优势。许鹏专家的分享无疑为我们提供了宝贵的实战经验与指导。

    经理人问题解决四连环之界定问题答案解析.doc

    总的来说,经理人问题解决四连环之界定问题强调了问题定义的重要性,提供了如SMART原则和优选矩阵等实用工具,帮助经理人更科学地识别和处理工作中遇到的问题。通过学习这些工具和方法,经理人能够提高问题解决的...

    微信小程序的踩坑之旅,小程序开发联系项目mini-app-pratice-master.zip

    总的来说,“微信小程序的踩坑之旅”这个项目涵盖了从基础语法、组件使用、网络请求到性能优化等多个方面,通过实战演练,开发者可以逐步掌握微信小程序的开发技巧,避免在实际项目中遇到的常见问题。在解压并研究...

    Java中遇到的问题和解决方案.docx

    ### Java中遇到的问题和解决方案 #### 一、Java面试题精选与解析 1. **阿里巴巴七轮面试经验分享** - 面试过程中经常会被问到关于Java基础概念的问题,比如面向对象特性、异常处理机制等。 - **面向对象特性**...

    面试技巧和面试中遇到的一些问题.pdf

    根据提供的文件内容,文件名为《面试技巧和面试中遇到的一些问题.pdf》以及描述与标签“安全”似乎没有直接相关的信息。提供的【部分内容】是一串数字和字母,看起来像是扫描错误或无意义的字符,并没有实际内容可以...

    项目管理之03项目周报--文档模板

    在项目管理中,项目周报是一项重要的沟通工具,用于记录和传达项目的进展、问题、需求和未来计划。以下是对"项目管理之03项目周报--文档模板"的详细解读: 1. **项目周报的构成**: - **项目名称**:明确指出当前...

    800hr03职位分析--QC主管工作说明书(doc).docx

    - 快速解决生产中遇到的问题。 - 强烈的判断力和决策能力。 - 出色的组织和管理才能。 - 良好的英文阅读和理解能力。 10. **工作经验**: - 大专及以上学历,化工或电子专业优先。 - 至少3年的专业工作经验。...

    雷小伟-24-03.06员工工作总结.docx

    - **问题反馈**:列出工作中遇到的问题以及解决方案或计划采取的方法。 - **参考资料**:记录解决问题时所参考的资源。 - **自我总结**:反思当天的工作表现,总结收获或发现不足之处。 - **对公司建议**:提出有助...

    益智小游戏-令脑贵庚II

    描述中提到的“Excel内嵌益智小游戏,工作休闲之余的乐趣”,意味着这个游戏是直接在Microsoft Excel电子表格软件中实现的。Excel通常被用来处理数据和制作图表,但其强大的VBA(Visual Basic for Applications)...

    解决小程序video控件在真机黑屏问题

    在开发微信小程序的过程中,我们经常会遇到各种技术挑战,其中之一就是`video`控件在真机上播放视频时出现黑屏的问题。这个问题对于用户体验来说是非常不理想的,因此解决它显得尤为重要。本文将深入探讨这个问题的...

    WRF安装可能遇到的问题

    在安装WRF过程中遇到的上述问题是由于网络连接不稳定或配置不正确导致的。通过调整DNS设置以及修改仓库配置文件中的源地址,可以有效解决这些问题。这对于顺利完成WRF的安装非常重要。此外,确保使用最新的操作系统...

Global site tag (gtag.js) - Google Analytics