Question

我使用此代码使用jquery获取特定列值。

$("#Grid td:first-child").click(function() {
                var resultArray = $(this).closest('tr').find('td').text();
                   alert(resultArray);
            });

如何获取特定列值？也就是说，我需要网格第4和第5列值？

Answer 1

使用 :eq 选择器：

$("#Grid td:first-child").click(function() {
   var value = $(this).closest('tr').find('td:eq(2)').text(); // for third column
   alert(value);

   var value = $(this).closest('tr').find('td:eq(3)').text(); // for fourth column
   alert(value);
});

当点击标识为Grid（td:first-child）的元素的第一个td时，这将提示第3和第4个TD /列的值。

但是，如果您想要一组TD值，请使用 map 和 get 这样的方法：

$("#Grid td:first-child").click(function() {
   var value_array = $(this).closest('tr').find('td').map(function(){
     return $(this).text();
   }).get();
});

现在value_array将包含找到的TD的文本，例如：

value_array[0] // first
value_array[1] // second
value_array[2] // third

Answer 2

$('#Grid td:first-child').click( function(){
    var resultArray = $(this).closest('tr').find('td').map( function(){
        return $(this).text();
    }).get();

    alert(resultArray[2]); // third
    alert(resultArray[3]); // fourth..

});

或

$('#Grid td:first-child').click( function(){
    var resultArray = $(this).closest('tr')
        //     third     fourth 
        .find('td:eq(2), td:eq(3)').map( function(){
             return $(this).text();
        }).get();

    alert(resultArray[0]); 
    alert(resultArray[1]); 

});

如何使用jquery获取特定列值

2 个答案: