`

jQuery循环display和visibility元素列表

阅读更多
var goNext = true;
		
_STAGE.passengerInfoArray = [];
for(var i = 0; i < jQuery(".inputName").size(); i++){
	var currObj = jQuery(".inputName").eq(i);
	var visibility = currObj.css("visibility");
	// 因为visibility有visible和inherit,姑不用直接判断visible
	if(visibility != "hidden"){
		var name = currObj.val();
	if(name == null || name == ""){
		jAnXin.util.showTipMsg("有未填写的入住人姓名,请补全后预定");
		goNext = false;
		_PAGE.softKB.setInputObj(currObj);
	} else if(/[0-9]/.test(name)){
		jAnXin.util.showTipMsg("入住人姓名["+name+"]输入有误,请重新输入");
		goNext = false;
		_PAGE.softKB.setInputObj(currObj);
	} else {
		_STAGE.passengerInfoArray.push(jQuery.trim(name));
	}
	}
}


jQuery(".inputName:visible").each(function(i, v){
	var name = jQuery(this).val();
	if(name == null || name == ""){
	jAnXin.util.showTipMsg("有未填写的入住人姓名,请补全后预定");
		goNext = false;
		_PAGE.softKB.setInputObj(jQuery(this));
	} else if(/[0-9]/.test(name)){
	jAnXin.util.showTipMsg("入住人姓名["+name+"]输入有误,请重新输入");
		goNext = false;
		_PAGE.softKB.setInputObj(jQuery(this));
	} else {
	_STAGE.passengerInfoArray.push(jQuery.trim(name));
	}
});
if(goNext){
	var roomNum = this.counter._getNum();
	_STAGE.loadPage_book2(roomNum, _ANIMATE_TYPE.none);
}

 

jQuery(".inputName").css("visibility", "visible");
jQuery(".inputName:gt("+(num-1)+")").css("visibility", "hidden").val("");

 

分享到:
评论

相关推荐

    L06.02jQuery选择器参考1

    31. **:hidden Selector**: 选择所有隐藏的元素,包括CSS中的`display:none`和`visibility:hidden`。 这些选择器极大地简化了JavaScript中对DOM的操作,使得开发者能够更高效地定位和操作页面上的元素。通过组合...

    javascript&amp;amp;jquery方法比对.docx

    - 通过修改 `style.display` 或 `style.visibility` 属性实现元素的显示或隐藏。 - **jQuery**: - `.toggle()`: 切换元素的可见性。 #### 七、总结 通过以上对比可以看出,jQuery 在很多方面提供了更加简洁易用...

    jquery判断元素是否隐藏的多种方法

    在jQuery中,判断元素是否隐藏是常见的需求,尤其在处理动态效果和用户交互时。本文将详细介绍几种不同的方法来...无论选择哪种方法,都要注意`display`和`visibility`属性的区别,以确保准确地检测元素的隐藏状态。

    基于JQuery的实现图片轮播效果(焦点图)

    1. 首先,通过jQuery选择器隐藏除第一张图片外的所有图片,这可以通过控制CSS的display属性或者visibility属性来实现。 2. 然后,获取第一张图片的alt信息,并将其显示在信息栏中。这涉及到读取图片的属性,并更新...

    ie6 ie7 ie8找出指定tab页并显示到前端

    - 需要注意的是,IE6不支持`getElementsByClassName`,可以使用`getElementsByTagName`结合循环和条件判断来查找元素。 5. **DOM遍历和选择** - 通过`parentNode`、`nextSibling`、`previousSibling`等DOM属性来...

    前端试题-自评自测

    display:none 和 visibility:hidden 都可以隐藏元素,但是 display:none 会使元素不占用空间,而 visibility:hidden 会占用空间。 11. 盒模型 box-sizing 属性可以设置盒模型的计算方式,例如 border-box、content...

    php程序员面试题(含html、JavaScript、php和mysql)

    **问题:**`visibility` 和 `display` 的区别是什么? **解析:** - `visibility` 设置元素可见性,当设为 `hidden` 时,元素仍然占据空间。 - `display` 控制元素的显示方式,当设为 `none` 时,元素不会占据任何...

    jQuery实现瀑布流的取巧做法分享

    比如第一张图片放入第一列,第二张放入第二列,第三张放入第三列,之后再循环从第一列开始插入。这种方法的缺点是不能自适应,当浏览器窗口大小改变时,内容不会自适应调整。 ### 使用jQuery实现瀑布流的取巧做法 ...

    FullyGone

    另外,`visibility`属性也可以用来隐藏元素,但与`display`不同,设置了`visibility: hidden`的元素虽然不可见,但仍保留其占据的页面空间。因此,若要达到“完全消失”的效果,`display`属性通常更为合适。 在...

    零基础学HTML CSS源代码

    多媒体循环播放.html 演示多媒体循环播放。 隐藏面板.html 隐藏面板的用法。 设置开始时间.html 设置开始时间。 多媒体面板的对齐.html 演示多媒体面板的对齐。 多媒体实例手把手—在网页中放...

    使用veloticy-ui生成文字动画效果

    此外,veloticy-ui还支持CSS的`display`和`visibility`属性的动画,以及使用`promise`进行异步操作。 为了实现更复杂的动画序列,veloticy-ui提供了`RunSequence`方法,这使得可以清晰地定义和管理多个动画的执行...

    幻灯片播放特效代码

    1. **CSS定位与隐藏**:利用CSS的position属性(如absolute或fixed)对幻灯片进行定位,同时通过display:none或visibility:hidden来隐藏非当前显示的幻灯片。 2. **jQuery动画**:使用jQuery的`.animate()`方法创建...

    ExtAspNet_v2.3.2_dll

    -为示例工程添加改变语言和皮肤的下拉列表。 -为PageContext增加静态函数Refresh,在切换语言和皮肤时使用。 +2009-12-01 v2.1.7 -增加示例(iframe/parent_postback_run3.aspx),如何通过简单的Javascript...

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

    -为示例工程添加改变语言和皮肤的下拉列表。 -为PageContext增加静态函数Refresh,在切换语言和皮肤时使用。 +2009-12-01 v2.1.7 -增加示例(iframe/parent_postback_run3.aspx),如何通过简单的Javascript...

Global site tag (gtag.js) - Google Analytics