我试图弄清楚如何使用jQuery获取每一行的表单元格的值。
我的表格是这样的:
<table id="mytable">
<tr>
<th>Customer Id</th>
<th>Result</th>
</tr>
<tr>
<td>123</td>
<td></td>
</tr>
<tr>
<td>456</td>
<td></td>
</tr>
<tr>
<td>789</td>
<td></td>
</tr>
</table>
我基本上想要循环遍历表，并获得每一行的Customer Id列的值。
在下面的代码中，我已经计算出我需要这样做，以使它通过每一行循环，但我不确定如何获得行中第一个单元格的值。
$('#mytable tr').each(function() {
var cutomerId =
}
当前回答
一种不那么做作的方法:
$('#mytable tr').each(function() {
if (!this.rowIndex) return; // skip first row
var customerId = this.cells[0].innerHTML;
});
显然，这可以改变为使用非第一个单元格。
其他回答
试试这个,
$(document).ready(function(){
$(".items").delegate("tr.classname", "click", function(data){
alert(data.target.innerHTML);//this will show the inner html
alert($(this).find('td:eq(0)').html());//this will alert the value in the 1st column.
});
});
一个工作的例子: http://jsfiddle.net/0sgLbynd/
<table>
<tr>
<td>0</td>
<td class="ms-vb2">1</td>
<td class="ms-vb2">2</td>
<td class="ms-vb2">3</td>
<td class="ms-vb2">4</td>
<td class="ms-vb2">5</td>
<td class="ms-vb2">6</td>
</tr>
</table>
$(document).ready(function () {
//alert("sss");
$("td").each(function () {
//alert($(this).html());
$(this).html("aaaaaaa");
});
});
$('#mytable tr').each(function() {
// need this to skip the first row
if ($(this).find("td:first").length > 0) {
var cutomerId = $(this).find("td:first").html();
}
});
$('#mytable tr').each(function() {
var customerId = $(this).find("td:first").html();
});
您所做的是遍历表中的所有tr，在循环中找到当前tr中的第一个td，并提取其内部html。
要选择一个特定的单元格，你可以用索引引用它们:
$('#mytable tr').each(function() {
var customerId = $(this).find("td").eq(2).html();
});
在上面的代码中，我将检索第三行的值(索引从零开始，因此第一个单元格索引将为0)
下面是如何在没有jQuery的情况下做到这一点:
var table = document.getElementById('mytable'),
rows = table.getElementsByTagName('tr'),
i, j, cells, customerId;
for (i = 0, j = rows.length; i < j; ++i) {
cells = rows[i].getElementsByTagName('td');
if (!cells.length) {
continue;
}
customerId = cells[0].innerHTML;
}
$(document).ready(function() {
var customerId
$("#mytable td").click(function() {
alert($(this).html());
});
});
