`

jquery遍历.each

阅读更多
http://www.w3school.com.cn/jquery/jquery_ref_traversing.asp

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	  $("#addPositionToChipBtn").click(function(){
	     var index=0;
	     var validateVal;
	     var flag=true;
	    $(".pictext").each(function(){

	    	if(flag){
	    		validateVal=$(this).val();
                        alert("validateVal:"+validateVal);
		    	flag=validateValFormate(validateVal,index++);
			 }
	    });
            alert("flag:"+flag);
	    if(flag){
	    	addPositionToChip();
		  }
	  });
	});

//验证数据的格式
var formateReg=/^\d+\.\d+$/;
function validateValFormate(validateVal,index){
	if(!validateVal.trim()==""){
		if(!formateReg.test(validateVal)){
			$("#tip"+index).html("數據格式必須為小數!");
			return false;
		}else{
                        $("#tip"+index).html("");
			return true;
			}
	}else{
		$("#tip"+index).html("不能為空,請輸入數據!");
		return false;
		}
}
</script>
</head>
<body>
<input type="button"  value="確 定"  class="queding" id="addPositionToChipBtn"/><br>
<input type="text" class="pictext"/>
<div class="Prompt" id="tip0" ></div>
<input type="text" class="pictext"/>
<div class="Prompt" id="tip1" ></div>
<input type="text" class="pictext"/>
<div class="Prompt" id="tip2" ></div>

</body>
</html>







.
分享到:
评论

相关推荐

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

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

    JQuery $.each遍历JavaScript数组对象实例

    在JavaScript和jQuery中,`$.each`函数是一个非常实用的工具,用于遍历数组或对象。这个函数允许我们对集合中的每个元素执行某些操作。在本例中,我们将深入探讨如何使用`$.each`处理JSON数据,特别是从JSON字符串...

    jquery $.each json 获取json 数据

    $.each函数是jQuery中一个重要的迭代器,它允许我们遍历数组或对象,包括JSON数据。本篇文章将深入探讨如何使用jQuery的$.each函数来获取并处理JSON数据。 首先,我们需要了解JSON(JavaScript Object Notation),...

    jQuery 遍历的 each() 方法

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

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

    jQuery 遍历函数和 JavaScript 中的 each 遍历 jQuery 遍历函数是 jQuery 库中的一组方法,用于筛选、查找和串联元素。这些方法可以帮助开发者快速地操作和处理 HTML 元素。下面是 jQuery 遍历函数的详细介绍: 1....

    jquery手册(jquery.cuishifeng.cn网页版)2

    jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。以下是一些关键的jQuery知识点: 1. **选择器**: jQuery的选择器允许你高效地选取DOM元素,如`$("#id")`选取ID为...

    jQuery $.each遍历对象、数组用法实例

    jQuery的$.each方法是用于遍历对象或数组的一个强大工具,它提供了灵活的方式来处理数据集合中的每个元素或属性。在JavaScript中,遍历通常是为了执行某种操作,如修改、检查或计算。$.each方法有两种主要的用法,一...

    jquery 遍历数组 each 方法详解

    jQuery中的$.each()方法主要用于遍历数组或对象。它提供了一种方便的方式来执行数组中的每个元素或对象的每个属性。$.each()方法是jQuery的核心扩展之一,可以用来替代原生JavaScript中的for循环来处理数组或对象。 ...

    jquery.tmpl.js

    2. **循环结构**:`{{each}}`用于遍历数组或对象,实现循环渲染。 3. **模板继承**:允许一个模板继承另一个模板,重用已有的模板结构。 4. **事件绑定**:可以在模板中直接绑定jQuery事件。 五、案例分析 一个...

    jquery 遍历 学习

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

    jQuery 1.5 遍历xml节点属性

    需要注意的是,`.attr.each()`并不是jQuery的核心方法,而是对`jQuery.fn.attr`的一个扩展,如在描述中提到的博客文章可能对此进行了定义。 结合"test.html"文件,我们可以创建一个简单的HTML页面来展示这个过程。...

    jquery $.each()使用探讨

    `jQuery` 的 `$.each()` 方法是用于遍历对象或数组的一个强大工具,它在JavaScript开发中被广泛使用,尤其是在处理jQuery对象时。这个方法允许我们对集合中的每个元素执行一个函数,提供了一种简洁的方式来迭代数组...

    jQuery源码分析之jQuery.fn.each与jQuery.each用法

    jQuery的`each`函数是其核心功能之一,它提供了遍历数组和对象的能力,同时在jQuery对象上也有对应的版本`jQuery.fn.each`,用于遍历jQuery选择器选取的DOM元素。这两个函数在jQuery源码中有着不同的实现方式,但都...

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

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

    详解Jquery 遍历数组之$().each方法与$.each()方法介绍

    回调函数里面的i在此处代表input集合传递过去的索引(也就是正在遍历的input元素的索引); 但是这段代码只用到了input集合的索引 &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="jquery-1.9.0.min.js

    jquery1.5.js和开发文档

    6. **遍历和过滤**:`.each()`, `.first()`, `.last()`, `.filter()`,用于遍历元素集合或进行筛选。 7. **AJAX**:`.ajax()`, `.get()`, `.post()`,用于发送异步请求。 8. **动画**:`.animate()`, `.fadeIn()`, `...

    jquery-1.8.3.min.js

    例如,$(selector)用于选取DOM元素,$.ajax()用于异步数据请求,$.each()用于遍历数组或对象,$.fn.extend()用于扩展jQuery对象的方法等。 三、jQuery 1.8.3.min.js的应用场景 1. **DOM操作**:jQuery简化了DOM...

    浅谈jquery中的each方法$.each、this.each、$.fn.each

    在jQuery库中,`each`方法是一个非常常用且强大的功能,它允许我们遍历集合中的每个元素,并对每个元素执行特定的操作。这篇文章将详细讲解`$.each`、`this.each`和`$.fn.each`这三种不同的`each`用法。 首先,我们...

    JQuery遍历的知识

    在jQuery中,`$.each()`函数是用于遍历对象或数组的关键工具,无论你是新手还是经验丰富的开发者,理解并熟练运用这个函数都能提高你的工作效率。 1. **遍历对象** 当`$.each()`用于遍历对象时,它会按照对象属性...

Global site tag (gtag.js) - Google Analytics