<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>
请参考已存在的帖子
var trs = documentgetElementsByTagName("tr");
for(var i=0;i<trslength;i++){
trs[i]onclick=function(){
var tds=thisgetElementsByTagName("td");
consolelog("ID: "+tds[0]getElementsByTagName("a")[0]innerHTML);
consolelog("Name: "+tds[1]innerHTML);
}
}
这是获得每个tr 中td 的内容
<script>
$('#myTableProduct tr')each(function(index,ele){
$(this)find('td')each(function(index,ele){
alert($(ele)html());
})
})
</script>
不用谢我
------君少
jQuery 中使用 text() 或者 html() 函数可以获取td的内容：
$("td")text(); // 或者 $("td")html();
二者区别在于前者返回所选元素的文本内容，后者返回所选元素的内容（包括 HTML 标记）。
下面实例演示：点击按钮后获取所有选中行的td单元格的内容
1、HTML结构
<table id = "test">
<tr><td><input type="checkbox" name="test"></td><td>1</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>4</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>7</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>10</td></tr>
</table>
<input type="button" value="确定">
2、jquery代码
$(function(){
$(":button")click(function() {
str = $(":checkbox:checked")map(function() {
return $(this)parent()siblings('td')text(); // 根据checkbox定位到后面的td，然后使用text()函数获取内容
})get()join(", "); // 获取内容数组并拼接为字符串
alert(str); // 输出
});
});
3、效果演示
<script type="text/javascript">
function getVal()
{
var tab = documentgetElementById("tab");
var rows = tabrowslength;
for(var i = 1; i < rows; i++)
{
var cols = tabrows[i]childNodes;
for(var m = 0; m < colslength; m++)
{
alert(cols[m]innerText);
}
}
}
</script>
<table id="tab">
<tr>
<th>学号</th>
<th>姓名</th>
</tr>
<tr>
<td>001</td>
<td>隆美尔</td>
</tr>
<tr>
<td>002</td>
<td>希特勒</td>
</tr>
</table>
<input type="button" value="获取table值" onclick="getVal()"/>
GridViewRow row = TDRows[eRowIndex];
string UserName = (TextBox)rowCells[0]Controls[0])TextToString();
UserName 就是。
可以用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的内容
以上就是关于jquery怎么获取table中的某个td的值全部的内容，包括:jquery怎么获取table中的某个td的值、如何通过点击事件获取当前tr中指定td的值呢、html JS 获取tr/td 表单元素下面的各个值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）