`

Jquery 动态计算ID和 Class

阅读更多

原来JQuery的Id和Class 还可以动态计算:方便多了

$(document).ready(function() {
	  $(":button").click(function() {
		var id=0;
		$("div").each(function(index,item){
			if($(this).attr("style").indexOf("block") > 0 )
			{
				$(this).attr("style","display: none");
				id=parseInt($(this).attr("id"));
			}
			else if(id!=0)
			{
				$("#"+(id+1)).attr("style","display: block");
				id=0;
			}
		});
	  });
  });   

 

分享到:
评论

相关推荐

    jQuery带统计图表显示的房贷计算器源码代码.zip

    计算条件 <div class="tools-item tools-item1"> <label class="fl">选择户型 <div class="select-item fl"> <div class="xf-select xf-select-max"> <div class="text"> <span>3室2厅1卫 100m² <input ...

    jQuery完全实例.rar

    jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...

    基于jquery的轮换插件

    "name": ".slide_content",/*图片轮换id或class,垂直滚动ie6高度不准确,需要在css中另设overflow: hidden;*/ "l_t_btn": ".slide_lt_btn",/*左,上按钮id*/ "r_b_btn": ".slide_rb_btn",/*右,下按钮id*/ "index...

    基于jQuery的动态表格插件

    在这里我们需要控制用户的输入验证,表格的添加删除,用户输入数据的统计聚合,还有相应的计算列比如商品的总价=商品的单价*商品数量,再如,同时在用户提交的时候我还要需要获取提交到后台服务端处理在存储到我们的...

    jQuery开发技巧

    25大实用的jQuery技巧和解决方案 1 去除页面的右键菜单 $ document ready function { $ document bind "contextmenu" function e { return false; } ; } ; 2 搜索输入框文字的消失 当鼠标获得焦点 ...

    用于实现瀑布流图的jQuery插件

    自动计算列之间的间距; 用户自定义总宽度(默认自动获取); 用户自定义aJax模块(未实现,若要使用需要自行在代码中修改ajax模块中的url等参数以及success函数。); HTML格式: <div id="s_waterFall"> <div ...

    jQuery 弹窗对话框拖动 非插件

    //计算鼠标和对象边界的差值 //获取对象的当前位置 var offset = $("#boxhandler").offset(); //$("#mtip").html("left:"+offset.left+",top:"+offset.top); //获取鼠标的当前位置 if(!e){ var ...

    Parallax-Scroll:用于背景附件的 jQuery 插件

    パララックス 视差卷轴 。 Parallax-Scroll 是一个 jQuery 插件,用于创建具有背景图像的元素,这些元素的行为就好像它们的background-attachment... div id =" pic1 " class =" bg-holder " data-width =" 1024 " d

    蔚蓝网上书店首页代码

    <div id="right" class="right"> <div class="dd_close" id="dd_close">[removed]void(0);">关闭</a></div> <img src="images/scroll.jpg" id="right1" /> <!--头部--> <header id="header"> <div ...

    lesson-01-js-calculator:创建一个可以使用Javascript执行简单计算的计算器应用程序

    lesson-01-js-calculator 创建一个计算器应用程序,使您可以使用Javascript执行简单的计算。... getElementsByClassName ( "class-name" ) // classを指定して要素を取得document . getElementById ( "id-name" ) .

    JS学习笔记相关代码-测试代码

    <progress value="50" max="100"></progress>以实现进度条的变更控制,从后台获取数据,并计算其百分比并显示在前端。 分别使用progress-bar,progress-bar-warning,progress-bar-danger,progress-bar-success表示其...

    capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框

    修改其position属性,让其浮动在窗口的上沿显示就可以了,position:fixed,可以在IE7+和其他浏览器下浮动层平滑固定定位,由于IE6前辈不支持fixed属性,使用position:absolute属性代替,重新计算top值。...

    jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数

    功能需求如下:  1) 使用 datetimebox 日期控件, 选择开始日期 startdate, 结束日期 leavedate ,然后求两日期间相隔...input class="easyui-datetimebox" id="startdate" name="startdate" data-options="onChange:o

    基于SpringBoot的高并发选课系统源码+项目说明(毕设).zip

    前端:Bootstrap、JQuery、Thymeleaf 后端:SpringBoot、Shiro、JPA、Caffeine 中间件:Redis、RabbitMQ、Druid 数据库:MySQL ## 优化思路 ### 页面查看 解决思路:从Redis缓存中查看数据,减少数据库访问 ...

    基于SSM的医院挂号系统+源代码+文档说明

    前端:JSP+CSS+JS+JQUERY+Layui ## 五、运行截图(点图片可放大) ![1679362527786](https://user-images.githubusercontent.com/124327024/228711603-d28c9994-784a-4628-a59a-897524d1decb.jpg) !...

    基于ssm的社团管理系统+源代码+文档说明

    前端:JSP+CSS+JS+JQUERY+Layui ## 五、运行截图 ![1681797181450](https://user-images.githubusercontent.com/124327024/234510096-e358d340-2bee-4a0b-9eb6-c4a5eb888c06.jpg) ![1681797191860]...

    基于SSM的仓库管理系统+源代码+文档说明

    前端:JSP+CSS+JS+JQUERY+Layui ## 五、运行截图(点图片可放大) ![1678763463894](https://user-images.githubusercontent.com/124327024/225577776-f9432338-35bb-4e34-8865-b5fcb6031890.jpg) !...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    +TabStrip增加GetAddTabReference和GetRemoveTabReference两个函数,用来向TabStrip控件动态增加删除Tab。 -增加示例tabstrip/tabstrip_addtab.aspx。 -重构了示例网站的架构,目前只有一层IFrame结构。 -为...

    ExtAspNet_v2.3.2_dll

    +TabStrip增加GetAddTabReference和GetRemoveTabReference两个函数,用来向TabStrip控件动态增加删除Tab。 -增加示例tabstrip/tabstrip_addtab.aspx。 -重构了示例网站的架构,目前只有一层IFrame结构。 -为...

Global site tag (gtag.js) - Google Analytics