Select a range of td cells with jquery
jquery, jquery-selectors
Solution
Try:
$("table tr:gt(1):lt(3)").css('color','red')
http://jsfiddle.net/2ygJk/4/
Problem
Say I have the following table ``` <table> <tr><td> #TD1 </td><td> #TD2 </td></tr> <tr><td> #TD3 </td><td> #TD4 </td></tr> <tr><td> #TD5 </td><td> #TD6 </td></tr> <tr><td> #TD7 </td><td> #TD8 </td></tr> <tr><td> #TD9 </td><td> #TD10 </td></tr> <tr><td> #TD11 </td><td> #TD12 </td></tr> <tr><td> #TD13 </td><td> #TD14 </td></tr> </table> ``` With jquery how do I select - #TD5, #TD7 and #TD9 ? - #TD6, #TD8 and #TD10 ? I'm interested in an adaptable solution as my table might vary in columns and rows and I might need to select 4 rows going down rather than just three. So far I've got ``` $("table tr:gt(1) td:nth-child(1)").css('color','red') ``` but it doesnt stop at `#TD11` See also http://jsfiddle.net/2ygJk/