JQUERY遍历

最新推荐文章于 2024-07-19 03:08:33 发布

sdyy321

最新推荐文章于 2024-07-19 03:08:33 发布

阅读量1.9k

点赞数

分类专栏： js/ajax/html/css 文章标签： jquery function class input action div

本文链接：https://blog.csdn.net/sdyy321/article/details/5989853

版权

js/ajax/html/css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

实例:jquery实现同步更新并计算用户填写了多少项

HTML CODE:

JS CODE:

$(document).ready(function(){ $(".tab").blur(function(){ var id = this.id; var arr = id.split("_"); var temp = this.value.replace(//s/gi,""); if(temp!==""){ var newId =""; if(arr[1]=="1"){ newId = arr[0]+"_2"; }else{ newId = arr[0]+"_1"; } $("#"+newId).val(temp); } }); }); function getCount(){ $("#myForm .tab").each(function(){ if(this.value.replace(//s/gi,"")!=="" && this.value.replace(//s/gi,"")!=='0'){ alert(this.id+":"+this.value); } }); alert("填写的个数为："+$("#myForm .tab").length); }

each遍历函数：
$("div").each(function(){
$('p', this).click(function(){alert($(this).html())})

$("div p").each(function(){
$(this).click(function(){alert($(this).html())})

$("p").eq(2).hide(); //第三个p元素

$("p").slice(2,5).hide();//第三/四/五个p元素

$("p").length;//获得P元素个数

$(this).next().html("This field cannot be blank");//获得当前元素的下个一元素

var arr = str.split("_");//分割字符串

arr[0]//第一个子字符串

str.replace(//s/gi,"")//去空格