Tìm TD đầu tiên bằng văn bản trong TR với JQuery

Question

Tôi đang sử dụng JQuery để lặp qua tất cả TR trong bảng,

nhưng không phải tất cả các hàng đều có giá trị trong ô đầu tiên.

<TR> 
    <TD>3</TD> 
    <TD>2</TD> 
    <TD>1</TD> 
</TR> 
    <TD></TD> 
    <TD>3</TD> 
    <TD>2</TD> 
<TR> 
</TR> 
<TR> 
    <TD></TD> 
    <TD></TD> 
    <TD>3</TD> 
</TR> 

Làm cách nào để nhắm mục tiêu TD đầu tiên trong mỗi hàng không trống và không chỉ là đứa con đầu tiên?

Cảm ơn!

Answer 1

Dưới đây là một giải pháp thanh lịch đơn giản hơn:

$('tr').find('td:not(:empty):first').css('background', 'red');​ 

Fiddle: http://jsfiddle.net/dandv/JRcEf/

Nó chỉ nói trong jQuery gì bạn có ý nghĩa: "nhắm mục tiêu đầu tiêntd trong mỗi tr đó là không trống ".

Answer 2

var tds = []; 

$('#tableId tr').each(function() 
{ 
    $(this).find('td').each(function() 
    { 
    if ($(this).html() != '') 
    { 
     tds.push($(this)); 
     return false; 
    } 
    }); 
}); 

và voila trong biến tds bạn có thẻ td bạn

Answer 3

này tìm đứa trẻ phi trống đầu tiên td trong mỗi tr:

$("tr").each(function() { 
    var $firstNonEmptyCell; 

    $(this).children("td").each(function() { 
     var $td = $(this); 
     if ($td.text() === "") { 
      $firstNonEmptyCell = $td; 
      return false; // Breaks `each` loop 
     } 
    }); 

    // ...use `$firstNonEmptyCell` here 
}); 

Hoặc nếu bạn muốn có một wrapper jQuery cho tất cả các trường hợp không trống, đây là trường hợp sử dụng không đáng kể cho filter:

$("tr").each(function() { 
    var nonBlankCells = $(this).children("td").filter(function() { 
     return $(this).text() !== ""; 
    }); 

    // Use `nonBlankCells` here 
});