![](/img/trans.png)
[英]Javascript get the text value of a column from a particular row of an html table
[英]Find the value of html table cell by passing column name for a particular row
我正在使用 JSON 動態創建一個表,所以我不知道將生成多少列和/或行。
我為被選中的行添加了一個 clicked 事件。
現在我的每個表都會有一個列名ID
我想找到所選行的 ID 值。
我怎樣才能做到這一點?
我在谷歌上搜索了很多樣本,這些樣本選擇單元格作為索引而不是列名。
我的表是這樣的:
我的表生成如下:
function CreateTableView(objArray, theme, enableHeader) {
// set optional theme parameter
if (theme === undefined) {
theme = 'mediumTable'; //default theme
}
if (enableHeader === undefined) {
enableHeader = true; //default enable headers
}
// If the returned data is an object do nothing, else try to parse
var array = typeof objArray != 'object' ? JSON.parse(objArray) : objArray;
var str = '<table class="' + theme + '">';
// table head
if (enableHeader) {
str += '<thead><tr>';
for (var index in array[0]) {
str += '<th scope="col">' + index + '</th>';
}
str += '</tr></thead>';
}
// table body
str += '<tbody>';
for (var i = 0; i < array.length; i++) {
str += (i % 2 == 0) ? '<tr class="alt">' : '<tr>';
for (var index in array[i]) {
str += '<td>' + val(array[i][index]) + '</td>';
}
str += '</tr>';
}
str += '</tbody>'
str += '</table>';
return str;
}
任何幫助表示贊賞
我希望我理解正確,但這應該可以。 它用點擊的 tr 的名稱 ID 提醒 td 的內容。
$('tr').live('click',function(){
alert( $(this).find('td[name="ID"]').html() );
});
要通過帶有文本 ID 的 th 查找 td,您可以執行以下操作:
var index = $('yourtable th:contains("ID")').index();
alert( $('.selectedRow td:eq('+index+')').html() );
我會做的是將 ID 保存在 TR 的數據對象中,這樣您就不必將其從 td 中取出,而是可以直接訪問它,如下所示:
[...]
<tr data-id="26"><td>.....</td></tr>
[...]
然后你可以像這樣訪問它:
$('.selectedRow').data('id');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.