jquery使用例子---使用filter、each拾取

百威

浏览: 707828 次
来自: ...

最近访客更多访客>>

gaozzsoft

A741841403

Liu.Guo.Zhu

mmmzzc

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

jQuery

jQuery IE 浏览器

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src=http://hi.baidu.com/chenxiaowen/blog/item/"jquery-1.2.1.js"> </script>
</HEAD>

<BODY>
<table border="1" width="100%" id="table1">
<tr>
   <td><input type=text name="username" value=http://hi.baidu.com/chenxiaowen/blog/item/1>　</td>
   <td><input type=checkbox name="isboy" >　</td>
   <td>　</td>
</tr>
<tr>
   <td><input type=text name="username" value=http://hi.baidu.com/chenxiaowen/blog/item/2>　</td>
   <td><input type=checkbox name="isboy" >　</td>
   <td>　</td>
</tr>
<tr style="display:none" id=templete>
   <td><input type=text name="username" value=http://hi.baidu.com/chenxiaowen/blog/item/0>　</td>
   <td><input type=checkbox name="isboy" >　</td>
   <td>　</td>
</tr>
</table>

<script type="text/javascript">

/**
* 获得可见的表格的行集合
* @param {Object} tableID
*/
function udf_getVisualableRows(tableID){ 
return $("#"+tableID).find("tr").filter(function(i){
     return udf_getStyle(this, 'display') == 'block';//过滤行的style的display的值为none的
     //return true;//不过滤
});
}

/**
* 获取一个特定元素(elem)的样式属性(name)
* @param {Object} elem
* @param {Object} name
*/
function udf_getStyle(elem, name){
    //如果该属性存在于style[]中，则它最近被设置过(且就是当前的)
    if (elem.style[name]) {
   return elem.style[name];
}//否则，尝试IE的方式
else {
   if (elem.currentStyle) {
    return elem.currentStyle[name];
   }
   //或者W3C的方法，如果存在的话
   else {
    if (document.defaultView && document.defaultView.getComputedStyle) {
     //它使用传统的"text-Align"风格的规则书写方式，而不是"textAlign"
     name = name.replace(/([A-Z])/g, "-$1");
     name = name.toLowerCase();
     //获取style对象并取得属性的值(如果存在的话)
     var s = document.defaultView.getComputedStyle(elem, "");
     return s && s.getPropertyValue(name);
    //否则，就是在使用其它的浏览器
    }
    else {
     return null;
    }
   }
}
}

$(document).ready(function(){
var visualablerows = udf_getVisualableRows("table1");
visualablerows.find("input[type='text'][name='username']").each(function(i){
   alert(this.value);
   $(this).attr("value",this.value+"_x");
});
});

</script>
</BODY>
</HTML>

分享到：

java抽象类和接口和继承之间关系 | jQuery常用方法事件属性

2009-04-10 17:28
浏览 2253
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jquery使用例子---使用filter、each拾取

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jquery使用例子---使用filter、each拾取

评论

发表评论

相关推荐

easyui+ztree后台管理系统模板

jQuery中$.ajax()和$.getJson()同步处理详解

jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解

Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码

jquery实现textarea发布框限制文字字数输入(添加中文识别)

jquery实现textarea输入框限制字数的方法

EasyUI创建人员树的实例代码

jquery如何判断checkbox（复选框）是否被选中

利用jQuery简单实现CheckBox全选效果

JQuery 发送Json格式数据

jQuery JSONP跨域

jQuery AJAX 分页插件

jQuery表格自动增加

juery 插件使用

jquery 开发ajax

jquery 功能函数

jquery 动画特效

jquery控制页面

jquery基础

最近访客更多访客>>