如果选择了一个按钮,我遇到了将行数据放入行中的问题。我有两个按钮批准和拒绝,并根据用户点击的按钮,我想使用查询获取数据。可以得到行号和东西而不是行数据。我需要得到身份证和测试人员。
这是我所拥有的
<table id="mytable" width="100%">
<thead>
<tr>
<th>ID</th>
<th>Tester</th>
<th>Date</th>
<th>Approve</th>
<th>Deny</th>
</tr>
</thead>
<tbody>
<tr class="test">
<td class="ids">11565 </td>
<td class="tester">james</td>
<td>2012-07-02 </td>
<td><Button id="Approved" type="submit" >Approved</button>
</td>
<td><Button id="deny_0" type="submit" >Denied</button>
</td>
</tr>
</tbody>
</table>
这是我的javascript获取tr和td号但我不知道如何使用它来获得我需要的东西
$(document).ready(function() {
/*$('#cardsData .giftcardaccount_id').each(function(){
alert($(this).html());
}); */
$('td').click(function(){
var col = $(this).parent().children().index($(this));
var row = $(this).parent().parent().children().index($(this).parent());
alert('Row: ' + row + ', Column: ' + col);
// alert($tds.eq(0).text());
console.log($("tr:eq(1)"));
// $("td:eq(0)", this).text(),
});
});
答案 0 :(得分:9)
$(document).ready(function(){
$('#Approved').click(function(){
var id = $(this).parent().siblings('.ids').text();
var tester = $(this).parent().siblings('.tester').text();
console.log(id);
console.log(tester);
});
});
答案 1 :(得分:5)
$(function(){
$('button').on('click', function(){
var tr = $(this).closest('tr');
var id = tr.find('.ids').text();
var tester = tr.find('.tester').text();
alert('id: '+id+', tester: ' + tester);
});
});
答案 2 :(得分:3)
我会使用closest()
获取tr
,然后从那里下降。
var tr = $('td').closest('tr')
此外,我认为这是不必要的,在您的示例中$(this)
:
$(this).parent().children().index($(this)) // === $(this)
答案 3 :(得分:2)
$('table').on('click', 'button', function() {
var parentRow = $(this).parent().parent();
var id = $('td.ids', parentRow).text();
var tester = $('td.tester', parentRow).text();
alert('id: ' + id + ', tester: ' + tester);
});