迭代div name取不到next 的值0
- <table class="table table-bordered" style="width:100%;">
- <tbody id='tab2' class='table table-hover'><tr><th>序号</th><th>支付时间</th><th>支付金额</th><th>是否已出账</th></tr>
- <tr>
- <td>1</td>
- <td ><div id="rtime1" class="datepicker-target">2014-05-01</div></td>
- <td><input type="text" name="money"/> </td>
- <td>否</td>
- </tr>
- <tr>
- <td>2</td>
- <td><div id='rtime2' class="datepicker-target">2014-05-02</div></td>
- <td><input type="text" name="money"/></td>
- <td>否</td>
- </tr>
- <tr>
- <td>3</td>
- <td><div id='rtime3' class="datepicker-target">2014-05-03</div></td>
- <td><input type="text" name="money"/></td>
- <td>否</td>
- </tr>
- <tr>
- <td>4</td>
- <td><div id='rtime4' class="datepicker-target">2014-05-04</div></td>
- <td><input type="text" name="money"/></td>
- <td>否</td>
- </tr>
- <tr>
- <td>5</td>
- <td><div id='rtime5' class="datepicker-target">2014-05-05</div></td>
- <td><input type="text" name="money"/></td>
- <td>否</td>
- </tr>
- <tr>
- <td>6</td>
- <td><div id='rtime6' class="datepicker-target">2014-05-06</div></td>
- <td><input type="text" name="money"/></td>
- <td>否</td>
- </tr>
- <tr>
- <td>7</td>
- <td><div id='rtime7' class="datepicker-target">2014-05-07</div></td>
- <td><input type="text" name="money"/></td>
- <td>否</td>
- </tr>
- <tr>
- <td>8</td>
- <td><div id='rtime8' class="datepicker-target">2014-05-08</div></td>
- <td><input type="text" name="money"/></td>
- <td>否</td>
- </tr>
- <tr>
- <td>9</td>
- <td><div id='rtime9' class="datepicker-target">2014-05-19</div></td>
- <td><input type="text" name="money"/></td>
- <td>否</td>
- </tr>
- <tr>
- <td>10</td>
- <td><div id='rtime10' class="datepicker-target">2014-05-10</div></td>
- <td><input type="text" name="money"/></td>
- <td>否</td>
- </tr>
- <tr>
- <td>11</td>
- <td><div id='rtime11' class="datepicker-target">2014-05-11</div></td>
- <td><input type="text" name="money"/></td>
- <td>否</td>
- </tr>
- <tr>
- <td>12</td>
- <td><div id='rtime12' class="datepicker-target">2014-05-12</div></td>
- <td><input type="text" name="money"/></td>
- <td>否</td>
- </tr>
- <tr>
- <td colspan="5" style="text-align: center" >
- <button type="button" class="btn" id="okBtn">
- <span>保存</span>
- </button>
- <button type="button" class="btn" id="backBtn">
- <span>返回</span>
- </button>
- </td></tr>
- </tbody>
- </table>
- <script>
- $(function(){
- $(".datepicker-target").each(function(){
- var value=$(this).html();
- var next=$(this).next().html();
- if(next!=null){
- if(value>next){
- alert("前面的时间大于后面的时间");
- return;
- }
- }
- });
为什么next的值是null,怎么获取next的值?
4个答案按时间排序按投票排序
你是想获取支付金额么?
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]
希望可以帮到您!
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;
});
<td><div id='rtime11' class="datepicker-target">2014-05-11</div></td>
是文本值啊 要通过html()来获取到啊!
- 你这样取不到next的
- 如<td><div id='rtime12' class="datepicker-target">2014-05-12</div></td>
- 这条记录你的div的next是空的
- 除非你的是这样的
- <td>
- <div id='rtime12' class="datepicker-target">2014-05-12</div>
- <div>测试数据</div>
- </td>
- var next=$(this).next().html();
- 这样的你的next就是 测试数据了
最后解决:
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; } } } }
相关推荐
本文是在开发过程中遇到的大部分比较常见的问题汇总,有数据库相关,springboot之类的,以及常用算法,及性能调优
8面试中可能遇到的问题2007-4-25 9大学生求职择业心理与心理健康2007-3-15 10写自荐信需要注意的几个问题2007-3-9 11如何填写毕业生推荐表?2007-3-9 12怎样写好自荐信?2007-3-9 13面试如何坦诚相待2007-2-14 14...
mysql相关的资料:mysql工作与学习中遇到的一些问题或者说解决办法,或是一些搭建过程之类的
关于平常工作中在前端,逐步以及运维中遇到问题的一些文章总结。以后也会做系列文章进行输出,如前端高级进阶系列,个人服务器指南系列。 说到个人服务器,如果你是新人的话,在阿里云有优惠,这里有连接进行购买: ...
这项研究旨在确定Choma地区HIV阳性青少年所遇到的心理健康问题。 使用“优势和困难调查表”(SDQ),从在Choma综合医院接受治疗的103名HIV阳性青少年加上相应数量的父母/看护者获得了数据。 有关精神卫生服务的信息...
在线咨询:新生可以在小程序中与工作人员进行在线沟通,解答报到过程中遇到的问题。 总之,本资源提供的基于微信小程序的新生自助报到系统,采用了先进的技术架构,实现了丰富的功能,为高校新生报到提供了便捷、...
修改小问题------------------------------------2" "天 " "修改论文-----------------------------------------------------------" "----------1天 " "对所有的资料进行整合与检查-------------------------------...
在对题目理解的基础上,以及题目中所给出的要求,我认为此问题可以通过模拟指针循环查找的方法来实现题目所给的限定。在淘汰人员时,我准备利用一个布尔数组来存放这n个人的状态(是否被淘汰),然后通过一个point...
在《Netty进阶之路:跟着案例学Netty》中,作者将在过去几年实践中遇到的问题,以及Netty学习者咨询的相关问题,进行了归纳和总结,以问题案例做牵引,通过对案例进行剖析,讲解问题背后的原理,并结合Netty源码分析...
看来问题出在已安装的Pod附带的一堆shell脚本中,并根据以下模式进行命名: #target.name#-frameworks.sh 。 这些脚本是做什么用的? -它们是提出的,旨在克服描述的问题。 不幸的是,他们不仅会骗人,还会引起...
熟练的掌握和使用这些命令可以提高工作效率,并且结合这些命令对测试过程中遇到的问题进行一些初步的定位。使用权限:所有人功能:显示指定工作目录下之内容(列出目前工作目录所含之档案及子目录)。 参数: -a显示...
建议把煤矿地质类型划分报告并入煤矿建井及生产地质报告之中;明确“地质类型划分”以煤矿接续区为评价对象;提出以矿井瓦斯等级为主、瓦斯压力及瓦斯含量为补充作为煤矿瓦斯类型划分指标;并给出了“四类十型”煤矿...
在《Netty进阶之路:跟着案例学Netty》中,作者将在过去几年实践中遇到的问题,以及Netty学习者咨询的相关问题,进行了归纳和总结,以问题案例做牵引,通过对案例进行剖析,讲解问题背后的原理,并结合Netty源码分析...
fc one.txt two.txt > 3st.txt 对比二个文件并把不同之处输出到3st.txt文件中,"> "和"> >" 是重定向命令 at id号 开启已注册的某个计划任务 at /delete 停止所有计划任务,用参数/yes则不需要确认就直接停止 at ...
生产消费者问题是操作系统设计中经常遇到的问题。多个生产者和消费者线程访问在共享内存中的环形缓冲。生产者生产产品并将它放入环形缓冲,同时消费者从缓冲中取出产品并消费。当缓冲区满时生产者阻塞并且当缓冲区...
各位好, 欢迎来到我的技术博客, 如标题所示本教程的目的是提供一些前端开发过程中遇到的问题的解答, 尤其是针对Node.js 服务端程序员, 如果你对这个课题或者学习 Node.js 一些进阶的内容感兴趣的话, 欢迎共同探讨. ...
一、Vue 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。本节介绍,vue 中使用 mockjs ,并结合 axios 进行简单的随机数据生成,然后显示在界面上的简单整理,如果有不足之处,欢迎指出,或者你有...
C 语言常见问题集 原著:Steve Summit 翻译:朱群英, 孙 云 修订版 0.9.4, 2005年6月23日 版权所有 © 2005 * 目录 * 1. 前言 * 2. 声明和初始化 o 2.1 我如何决定使用那种整数类型? o 2.2 64 位机上的 ...
韩宝君, 苏宁大数据平台, ES平台组负责人2015年从事大数据研究工作,目前负责Elasticsearch的源码研究工作和定制化开发,对苏宁使用Elasticsearch的业务提供技术支持和...3、实战经验:遇到的问题及对应的解决方案;
讲课时,并不只是单纯的讲理论内容,还给我们自己时间去敲代码, 让我们自己去实现功能,在这个过程中我们学到了很多,这些都是在学校体会不到的, 有时我自已看,遇到不懂的就问。接触这种实际工作的人,才会真正的...