Jquery获取table中的行和列以及列中对象方法
2012-11-29 14:13
579 查看
下面是在网上找的一个方法,暂时收藏下。
<script type="text/javascript" src="jq.js"></script>
<script type="text/javascript">
<!--
$(function(){
$('.get1 tr').each(function(){
alert($(this).find('td').eq(0).text());
alert($(this).find('td').eq(1).find('input').val());
alert($(this).find('td').eq(2).find('select').val());
});
});
//-->
</script>
<div id="apDiv1"></div>
<table width="100%" class="get1">
<tr>
<td >1</td>
<td ><input type='text' value='v1'/></td>
<td ><select><option value='s1'>s1</option><option value='s2'>s2</option></select></td>
</tr>
<tr>
<td >2</td>
<td ><input type='text' value='v2' /></td>
<td ><select ><option value='ss1'>ss1</option><option value='ss2'>ss2</option></select></td>
</tr>
</table>
</body>
</html>
我的项目中用的一段也贴上,我要给第二列的内容重新赋值。
Jquery代码:
HTML代码:
<script type="text/javascript" src="jq.js"></script>
<script type="text/javascript">
<!--
$(function(){
$('.get1 tr').each(function(){
alert($(this).find('td').eq(0).text());
alert($(this).find('td').eq(1).find('input').val());
alert($(this).find('td').eq(2).find('select').val());
});
});
//-->
</script>
<div id="apDiv1"></div>
<table width="100%" class="get1">
<tr>
<td >1</td>
<td ><input type='text' value='v1'/></td>
<td ><select><option value='s1'>s1</option><option value='s2'>s2</option></select></td>
</tr>
<tr>
<td >2</td>
<td ><input type='text' value='v2' /></td>
<td ><select ><option value='ss1'>ss1</option><option value='ss2'>ss2</option></select></td>
</tr>
</table>
</body>
</html>
我的项目中用的一段也贴上,我要给第二列的内容重新赋值。
Jquery代码:
var html = "当前人员:<span id=\"title_name\" style=\"font-size:12px\">" + name + "</span>   <a id=\"title_href\" href=\"#\" style=\"font-size:12px; cursor:pointer;position:relative\">浏览其他</a>"; $("#title").find("td").eq(2).html(html);
HTML代码:
<div id="title" style="background-color: #47A6FA"> <table width="100%"> <tr> <td style="width: 40%"> </td> <td style="width: 20%"> <span style="font-size: 30px; color: White;">统计分析</span> </td> <td style="width: 25%; text-align: right; margin-right: 5px;" id="tdddl"> 当前人员:<span id="title_name" style="font-size: 12px">王小娣</span>   <a id="title_href" href="2" style="font-size: 12px; cursor: pointer; position: relative">浏览其他</a> </td> <td width="25%" align="right" > <asp:DropDownList runat="server" ID="ddlDepart" onselectedindexchanged="ddlDepart_SelectedIndexChanged" AutoPostBack="true"> </asp:DropDownList> </td> </tr> </table> </div>
相关文章推荐
- Jquery获取table中的行和列以及列中对象方法
- JQuery this和$(this)的区别及获取$(this)子元素对象的方法
- jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
- JQuery创建object 并自定义键、值(获取table中数据,封装成一个对象)
- AOP实现拦截对象以及获取切入目标方法和注解
- JQuery获取$(this)子节点对象的方法
- jQuery获取iframe的document对象的方法
- jquery获取对象的所有方法
- Jquery判断$("#id")获取的对象是否存在的方法
- js和jquery获取文档对象以及滚动条位置
- 利用jquery右键菜单巧妙获取table的每行数据的id执行方法
- jQuery 获取对象的方法介绍
- jquery遍历table的tr获取td的值实现方法
- AOP实现拦截对象以及获取切入目标方法和注解
- jquery遍历table的tr获取td的值实现方法
- C# GetSchema Get List of Table 获取数据库中所有的表名以及表中的纪录条数的方法
- jQuery获取对象简单实现方法小结
- Jquery判断$("#id")获取的对象是否存在的方法
- jquery中ajax如何返回值到上层函数的方法以及对于js处理json对象方法的记录
- jQuery获取table行数并输出单元格内容的实现方法