迭代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; } } } }
相关推荐
在微信小程序开发过程中,经常会遇到需要使用`scroll-view`组件来展示可滚动内容的需求。通常情况下,为了使`scroll-view`能够正常工作,我们需要为其指定一个固定的高度值。然而,在某些场景下(例如内容长度不确定...
【标题】:“万恶的Appuse-----Appuse2.X在MyEclipse之中的部署问题” 在探讨Appfuse 2.x在MyEclipse中的部署问题前,我们先来了解下Appfuse和MyEclipse这两个关键概念。 Appfuse是一个开源项目,它提供了一种快速...
mysql相关的资料:mysql工作与学习中遇到的一些问题或者说解决办法,或是一些搭建过程之类的
当遇到S7-1200或S7-1500PLC中的定时器不计时或不工作的问题时,首先需要检查定时器的输入位是否有正确的信号跳变,其次检查是否每个定时器都拥有独立的背景数据块,最后确认程序中是否正确使用了定时器的输出点或...
### JSP-Servlet中的汉字编码问题详解 #### 一、引言 在Web开发中,尤其是在使用JavaServer Pages (JSP) 和 Servlet 进行页面处理时...通过本文的学习,希望能够帮助大家更好地理解和应对实际开发中遇到的相关挑战。
在原版的1.6.6版本中,存在一个问题,即用户无法复制代码中的中文字符,这对于那些包含中文注释或字符串的Java项目来说是一个不便之处。 **描述:** 描述指出,由于原始`jd-gui` 1.6.6版本存在一个bug,导致用户在...
《Spark部署中的关键问题解决之道--许鹏》 在大数据处理领域,Apache Spark...通过深入学习和实践,我们可以有效解决部署中遇到的问题,最大化Spark的性能优势。许鹏专家的分享无疑为我们提供了宝贵的实战经验与指导。
总的来说,经理人问题解决四连环之界定问题强调了问题定义的重要性,提供了如SMART原则和优选矩阵等实用工具,帮助经理人更科学地识别和处理工作中遇到的问题。通过学习这些工具和方法,经理人能够提高问题解决的...
总的来说,“微信小程序的踩坑之旅”这个项目涵盖了从基础语法、组件使用、网络请求到性能优化等多个方面,通过实战演练,开发者可以逐步掌握微信小程序的开发技巧,避免在实际项目中遇到的常见问题。在解压并研究...
### Java中遇到的问题和解决方案 #### 一、Java面试题精选与解析 1. **阿里巴巴七轮面试经验分享** - 面试过程中经常会被问到关于Java基础概念的问题,比如面向对象特性、异常处理机制等。 - **面向对象特性**...
根据提供的文件内容,文件名为《面试技巧和面试中遇到的一些问题.pdf》以及描述与标签“安全”似乎没有直接相关的信息。提供的【部分内容】是一串数字和字母,看起来像是扫描错误或无意义的字符,并没有实际内容可以...
在项目管理中,项目周报是一项重要的沟通工具,用于记录和传达项目的进展、问题、需求和未来计划。以下是对"项目管理之03项目周报--文档模板"的详细解读: 1. **项目周报的构成**: - **项目名称**:明确指出当前...
- 快速解决生产中遇到的问题。 - 强烈的判断力和决策能力。 - 出色的组织和管理才能。 - 良好的英文阅读和理解能力。 10. **工作经验**: - 大专及以上学历,化工或电子专业优先。 - 至少3年的专业工作经验。...
- **问题反馈**:列出工作中遇到的问题以及解决方案或计划采取的方法。 - **参考资料**:记录解决问题时所参考的资源。 - **自我总结**:反思当天的工作表现,总结收获或发现不足之处。 - **对公司建议**:提出有助...
描述中提到的“Excel内嵌益智小游戏,工作休闲之余的乐趣”,意味着这个游戏是直接在Microsoft Excel电子表格软件中实现的。Excel通常被用来处理数据和制作图表,但其强大的VBA(Visual Basic for Applications)...
在开发微信小程序的过程中,我们经常会遇到各种技术挑战,其中之一就是`video`控件在真机上播放视频时出现黑屏的问题。这个问题对于用户体验来说是非常不理想的,因此解决它显得尤为重要。本文将深入探讨这个问题的...
在安装WRF过程中遇到的上述问题是由于网络连接不稳定或配置不正确导致的。通过调整DNS设置以及修改仓库配置文件中的源地址,可以有效解决这些问题。这对于顺利完成WRF的安装非常重要。此外,确保使用最新的操作系统...