कॉलम स्थिति

Question

द्वारा तालिका में सभी टीडी को खोजने के लिए jquery का उपयोग करके मैं तालिका के प्रत्येक पंक्ति में अंतिम कक्ष में कक्षा जोड़ने की कोशिश कर रहा हूं ... यह काम नहीं करता है ... यह केवल अंतिम पर लागू होता है पहली (शीर्ष) पंक्ति में तत्व ...

//the last cell in every row all have border right 
       var lastIndex = getLastVisibleIndex(); 
       var rows = $("table.scrollable tr"); 
       rows.each(function() { 
        $("td:eq(" + lastIndex + ")").addClass(rightStyle) 
       }); 

Answer 1

मैं वें वाले बच्चे इस्तेमाल किया ...

$("table.scrollable td:nth-child(" + lastIndex + ")").addClass(rightStyle); 

कुछ अच्छा विकल्प यहाँ हालांकि समाधान।

Answer 2

जब आप टीडीएस की खोज करते हैं, तो आपको केवल वर्तमान पंक्ति के अंदर देखना होगा। इस के अलावा देखें:

  rows.each(function() { 
       $("td:eq(" + lastIndex + ")", this).addClass(rightStyle) 
      }); 

Answer 3

यह भी संभव है कि आपके तालिका पंक्तियों lastIndex कोशिकाओं सब नहीं है। अधिक विश्वसनीयता के लिए यह प्रयास करें:

rows.each(function() { 
    $(this).children("td").last().addClass(rightStyle) 
}); 

Answer 4

$("table.scrollable tr").each(function() { 
        $(this).children("td").eq(lastIndex).addClass(rightStyle); 
       }); 

Answer 5

यह सब एक पंक्ति में है ...

$('table tr td:last-child').addClass(rightStyle); 

// Targeting a particular column as pointed out by FiveTools 
// Note that :nth-child(n) is 1-indexed 
$('table tr td:nth-child(3)').addClass('highlight'); 

http://jsfiddle.net/cobblers/hWqBU/

Answer 6

मैं एक ही बात है कि आप क्या कर रहे हैं, लेकिन मैं पिछले टीडी के स्तंभ चौड़ाई

// SET FIRST AND LAST TD SIZE 
$("tr").each(function() { 
    $(this).children("td:last").attr("width", 200); 
});