jquery怎么获取table中的某个td的值

jquery怎么获取table中的某个td的值,第1张

<table border="1" cellspacing="0" id="mytable">

<thead>

<caption>统计表</caption>

</thead>

<tbody>

<tr>

<th>编号</th>

<th>姓名</th>

<th>性别</th>

<th>年龄</th>

<th>籍贯</th>

</tr>

<tr>

<td>1</td>

<td>张三</td>

<td>男</td>

<td>22</td>

<td>北京</td>

</tr>

<tr>

<td>2</td>

<td>李四</td>

<td>男</td>

<td>23</td>

<td>上海</td>

</tr>

<tr>

<td>3</td>

<td>王燕</td>

<td>女</td>

<td>21</td>

<td>广东</td>

</tr>

<tr>

<td>4</td>

<td>王伟</td>

<td>男</td>

<td>20</td>

<td>陕西</td>

</tr>

<tr>

<td>5</td>

<td>张娟</td>

<td>女</td>

<td>23</td>

<td>重庆</td>

</tr>

</tbody>

</table>

<script>

$(function(){

var name=$("#mytable tr>td:nth-child(2)")text();

var age=$("#mytable tr>td:nth-child(3)")text();

alert(name);

alert(age);

});

</script>

请参考已存在的帖子

可以用delegate来做

<html>

<head>

<script type="text/javascript" src="/jquery/jqueryjs"></script>

<script type="text/javascript">

    $(document)ready(function(){

      $('#test')delegate('li','click',function(){

            alert($(this)text());

       });

    });

</script>

</head>

<body>

    <ul id="test">

        <li>1</li>

        <li>2</li>

        <li>3</li>

    </ul>

</body>

</html>

这是一个示例,你可以参考一下,点击<li>会跳出d框显示对应li的内容

var trList = $("#history_income_list")children("tr")

for (var i=0;i<trListlength;i++) {

var tdArr = trListeq(i)find("td");

var history_income_type = tdArreq(0)find('input')val();//收入类别

var history_income_money = tdArreq(1)find('input')val();//收入金额

var history_income_remark = tdArreq(2)find('input')val();// 备注

alert(history_income_type);

alert(history_income_money);

alert(history_income_remark);

}

方法二:

$("#history_income_list")find("tr")each(function(){

var tdArr = $(this)children();

var history_income_type = tdArreq(0)find('input')val();//收入类别

var history_income_money = tdArreq(1)find('input')val();//收入金额

var history_income_remark = tdArreq(2)find('input')val();// 备注

alert(history_income_type);

alert(history_income_money);

alert(history_income_remark);

});

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

$('tr')click(function(){

$(this)find('input')each(function(){

alert($(this)val());

});

});

$("td[name='123']")text()。<br>jquery $("td[name='123']")写就可以获取name为123的td的对象。 <br>使用text()方法可以获取一个对象中的内容如果是纯文字的话也可使用html() , (html()方法会把对象下面的html代码也获取到~!)<br>例如:<br><table><br><tr><td name='123'>12346</td></tr><br></table><br><script type="text/javascript"><br>alert($("td[name='123']")text());<br></script>

$('table td')click(function(){

alert($(this)find('input')val());

}); 这个是只针对的你的提问而答的

不过你既然是用表格不可能就一个表格吧,所以为了区分表格你可以为表格table 设置一个id

如id='tab'

那么就是

$('#tab td')click(function(){

alert($(this)find('input')val());

});

$('#id-tr > td') // 这个可以得到id为id-tr下的直系td子元素

$('#id-tr  td')  //这个可以得到id为id-tr下的所有td子元素

以上就是关于jquery怎么获取table中的某个td的值全部的内容,包括:jquery怎么获取table中的某个td的值、jquery怎么获得你点击td的td里面的值,所有td的样式和id是一样的,怎么获得当前点击的td值、jquery 如何获取table中每个td的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9823816.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存