, मैं JQuery का उपयोग कर रहा एक तालिका में सभी टीआरएस के माध्यम से पुनरावृति करने के लिए JQuery

Question

के साथ एक टी.आर. में पाठ के साथ पहले टीडी खोजें

लेकिन सभी पंक्तियों प्रथम कक्ष में मान हैं।

<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> 

मैं प्रत्येक पंक्ति में पहले टीडी को कैसे लक्षित कर सकता हूं जो खाली नहीं है और न केवल पहले बच्चे?

धन्यवाद!

Answer 1

यहाँ एक सरल, अधिक सुरुचिपूर्ण समाधान है:

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

फिडल: http://jsfiddle.net/dandv/JRcEf/

यह सिर्फ jQuery में कहते हैं तुम क्या मतलब है: "को लक्षित प्रत्येक tr में पहलेtd कि है नहीं खाली "।

Answer 2

var tds = []; 

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

और tds चर में देखा आप अपने टीडी टैग

Answer 3

यह प्रत्येक tr भीतर पहली गैर खाली बच्चे td पाता है:

$("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 
}); 

या आप के लिए एक jQuery आवरण चाहते हैं सभी गैर-खाली वाले, यह filter:

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

    // Use `nonBlankCells` here 
}); 

के लिए एक मामूली उपयोग केस है 10