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>

请参考已存在的帖子

这是获得每个tr 中td 的内容

<script>

$('#myTableProduct tr')each(function(index,ele){

$(this)find('td')each(function(index,ele){

alert($(ele)html());

})

})

</script>

不用谢我

------君少

这种方法和上次给你说的不一样,现在你不需要指定 input 和 td 的 id,只需要 table 有个 id 就可以。JS 会寻找 table 内所有的 input,然后赋值给 td。唯一要保证的是你的 table 结构要和例子中的保持一致。使用传统的 Javascript 确实很费时间,因为现在有各种 Javascript 框架,应用起来比较方便,省时。建议你在基本掌握 Javascript 后学习一下,推荐 jQuery。

<script type="text/javascript">

function assignValues() {

// 设置 table id

var table_id = 'st';

// 获取 table 元素

var table = documentgetElementById(table_id);

// 获取 table 内的全部 input

var textinputs = tablegetElementsByTagName('input');

// 循环

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

// 将 textinput 的值置于 textinput 上一级 td 节点的下一个同级 td 节点中

textinputs[i]parentNodenextSiblinginnerHTML = textinputs[i]value;

}

};

</script>

<table>

例子中你给出的table

</table>

<input type="button" value="赋值" onclick="assignValues();" />

GridViewRow row = TDRows[eRowIndex];

string UserName = (TextBox)rowCells[0]Controls[0])TextToString();

UserName 就是。

以上就是关于jquery怎么获取table中的某个td的值全部的内容,包括:jquery怎么获取table中的某个td的值、html JS 获取tr/td 表单元素下面的各个值、如何在Input获取td的值且不会重复等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://www.54852.com/web/9458403.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存