获取动态值 tr jquery 的每个 td 值
Get dynamic value every value of td of tr jquery
$("#student").find("tr:gt(0)").remove();
for (var i = 0; i < data.length; i++) {
tr = $('<tr/>');
tr.append("<td id='id'>" + "<a class='"school_id'" id=" + data[i].id + " href='#' value='" + data[i].id + "'>" + data[i].id + "</a>" + "</td>");
tr.append("<td id='lastname'>" + data[i].lastname + "</td>");
tr.append("<td id='firstname'>" + data[i].firstname + "</td>");
//$("#td_id").attr('width', '15%');
//$('tr td:nth-child(1)').get(0).style.width = '100px';
//tr.find('td:nth-child(2)').width('30%');
$("#student").append(tr);
}
我这里有一个代码,用学生姓名填充一个表。它从数据库中的 ajax 请求中动态获取数据。我想知道如何通过单击类school_id
来获取td
的每个值。我想获取每个值并能够将其放入输入文本框中。点击id后最终结果会是这样的
var id = $('#tdwithidid').text();
var lastname = $('#tdwithidlastname').text();
var firstname = $('#tdwithidfirstname').text();
$('#id').val(id);
$('#lastname').val(lastname);
$('#firstname').val(firstname);
$(document).on('click', '#tableid tr', function(e) {
var id = $(this).find('td:nth-child(1)').text();
var lastname = $(this).find('td:nth-child(2)').text();
var firstname = $(this).find('td:nth-child(3)').text();
$('#id').val(id);
$('#lastname').val(lastname);
$('#firstname').val(firstname);
console.log(tin + lastname + firstname);
});
这将做你想做的事
由于您正在动态添加表,因此您需要这样的东西
$('#student').on('click', '. school_id', function(e) {
var parent = $(e.target).closest('tr'); //gets the parent tr element
var id = parent.find('#id').html(); //finds element inside specific parent that has an id of id
var lastName = parent.find('#lastname').html(); //finds element inside specific parent that has an id of last name
var firstName = parent.find('#firstname').html(); //finds element inside specific parent that has an id of first name
});
jQuery('.school_id').click(function (event){
var theTd = jQuery(this).parent();
var theId = theTd.attr('id');
});
像这样的东西?
相关文章:
- JQuery展开和隐藏表td
- jQuery如何获取td单元格值
- 在同一tr-jQuery中获取td的值
- jQuery将td onclick值传递到其他表
- JQuery选择器:如果同级具有.class,则选择td
- jQuery将TD注入适当的列(俄罗斯方块风格)
- 使用 Jquery 选择一个 td 元素
- jQuery将输入集中在下一个tr->td时,td包含一个输入字段,但从不关注html选择
- 当 td id 已知时,在 jquery 中设置 td 背景颜色
- Jquery 无法在单击时选择和取消选择 td
- 在 jquery 中的 TR 中查找 td 的所有输入
- 基本 Jquery - 如果 TD 中存在文本,则使 DIV 可见
- jQuery选择器,用于查找包含具有特定值的TD输入的TR
- focus Using Jquery <tr> <td>
- 如何从空td标记上的javascript(而不是jquery)手动触发onmousedown事件
- 如何使用 jQuery 筛选器选择器查找表标记 td 值
- 使用jquery删除td类
- 删除父 TD Jquery 中的表元素
- 创建开放的tr和td jquery
- 将td-jquery中的文本替换为条件