怎么用jquery对table里面的tr及td进行操作？
例如有一下一段代码：<table><tr><td>11</td><td>12</td><td>13</td><td><inputtype="button"name="up...
例如有一下一段代码：
<table>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td><input type="button" name="update" value="Update" id="update"/></td>
<td><input type="button" name="delete" value="Delete" id="delete"/></td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td><input type="button" name="update" value="Update" id="update"/></td>
<td><input type="button" name="delete" value="Delete" id="delete"/></td>
</tr>
<tr>
<td>31</td>
<td>32</td>
<td>33</td>
<td><input type="button" name="update" value="Update" id="update"/></td>
<td><input type="button" name="delete" value="Delete" id="delete"/></td>
</tr>
假如我点解了第一个tr里面的update按钮，怎么获得当前tr的第一个td里面的内容？
我的表示动态生成的，在td加一个id不大好吧 展开
<table>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td><input type="button" name="update" value="Update" id="update"/></td>
<td><input type="button" name="delete" value="Delete" id="delete"/></td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td><input type="button" name="update" value="Update" id="update"/></td>
<td><input type="button" name="delete" value="Delete" id="delete"/></td>
</tr>
<tr>
<td>31</td>
<td>32</td>
<td>33</td>
<td><input type="button" name="update" value="Update" id="update"/></td>
<td><input type="button" name="delete" value="Delete" id="delete"/></td>
</tr>
假如我点解了第一个tr里面的update按钮，怎么获得当前tr的第一个td里面的内容？
我的表示动态生成的，在td加一个id不大好吧 展开
5个回答
展开全部
同一个页面内只能有一个ID存在。
多个ID对css来说感觉没什么影响，但对JS是致命的错误。
<!DOCTYPE html>
<html><head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
$('input.delete').click(function(){
$(this).parent('td').parent('tr').find('td').eq(1).empty();
})
$('input.update').click(function(){
var value=$(this).parent('td').parent('tr').find('td').eq(0).html();
alert('本行第一列的内容为：'+value);
})
})
</script>
<table>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td><input type="button" name="update" value="Update" class="update"/></td>
<td><input type="button" name="delete" value="Delete" class="delete"/></td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td><input type="button" name="update" value="Update" class="update"/></td>
<td><input type="button" name="delete" value="Delete" class="delete"/></td>
</tr>
<tr>
<td>31</td>
<td>32</td>
<td>33</td>
<td><input type="button" name="update" value="Update" class="update"/></td>
<td><input type="button" name="delete" value="Delete" class="delete"/></td>
</tr>
</table>
</body>
</html>
多个ID对css来说感觉没什么影响，但对JS是致命的错误。
<!DOCTYPE html>
<html><head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
$('input.delete').click(function(){
$(this).parent('td').parent('tr').find('td').eq(1).empty();
})
$('input.update').click(function(){
var value=$(this).parent('td').parent('tr').find('td').eq(0).html();
alert('本行第一列的内容为：'+value);
})
})
</script>
<table>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td><input type="button" name="update" value="Update" class="update"/></td>
<td><input type="button" name="delete" value="Delete" class="delete"/></td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td><input type="button" name="update" value="Update" class="update"/></td>
<td><input type="button" name="delete" value="Delete" class="delete"/></td>
</tr>
<tr>
<td>31</td>
<td>32</td>
<td>33</td>
<td><input type="button" name="update" value="Update" class="update"/></td>
<td><input type="button" name="delete" value="Delete" class="delete"/></td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(this).parent().sibling(":first").html();//input的父元素（td）的第一个兄弟元素
或者
$(this).parent().parent().children(":first").html();//找到tr取第一个子元素
或者
$(this).parent().parent().children(":first").html();//找到tr取第一个子元素
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<tr>//tr你可以理解 成table raw表示排的意思，行的意思
<td></td>//表示里面内容的意思；
<td></td>
</tr>
<td></td>//表示里面内容的意思；
<td></td>
</tr>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
最简单就给td 设一个ID,$("#ID").text();
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
能贴出html代码，并说明要做怎样的操作吗
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
