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

最新推荐文章于 2021-03-10 06:57:32 发布

iteye_2903

最新推荐文章于 2021-03-10 06:57:32 发布

阅读量134

点赞数

分类专栏： jQuery 文章标签： jQuery IE 浏览器 ViewUI

本文链接：https://blog.csdn.net/iteye_2903/article/details/81695899

版权

jQuery 专栏收录该内容

39 篇文章 0 订阅

订阅专栏


<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>

iteye_2903

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery使用例子---使用filter、each拾取

[code="java"] New Document 　　　　　　　　　/*** 获得可见的表格的行集合* @param {Object} tableID*/function udf_getVisualableR...
复制链接

扫一扫