Question

点击相应的编辑按钮，如何获取td的前五个值，例如，如果我单击第一个编辑

我需要获取

var empid = 123;
var empname = Raj ;
var empphone = 2147483647 ;
var empmail = rajkiran.bh@gmail.com
var depot = Depot1

你能告诉我怎么做吗

$(document).on('click', '.edit', function(e)
{


});

http://jsfiddle.net/vxe2d2hh/1/

Answer 1

您可以使用closest()获取包含点击的tr按钮的edit以及所有相关的td元素。然后，您可以使用eq()来检索特定值：

$(document).on('click', '.edit', function (e) {
    var $tds = $(this).closest('tr').find('td');
    var empid = $tds.eq(1).text();
    var empname = $tds.eq(2).text();
    var empphone = $tds.eq(3).text();
    var empmail = $tds.eq(4).text();
    var depot = $tds.eq(5).text();

    console.log(empid, empname, empphone, empmail, depot);
});

Updated fiddle

Answer 2

您需要使用如下简单代码查找当前行的所有兄弟td元素：

$(document).on('click', '.edit', function(e) {
    $(this).parent().siblings('td').each(function(){
        alert($(this).text());
    });
});

http://jsfiddle.net/vxe2d2hh/2/

Answer 3

您可以提取包含编辑按钮的siblings元素的td并获取所有文本。我已更新了您的fiddle。

$(document).on('click', '.edit', function(e) {
    $(this).closest("td").siblings().each(function () {
        console.log($(this).text()); 
    });
});

单击“编辑”按钮时如何获取表的相应td值

3 个答案: