Run
<!doctype html> <html lang="en"> <head> <title>jQuery :not selector Select Single Class</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(document).ready(function(){ $('.mybtn').click(function(){ $( "table.mytable tr:not(.tr-odditem)" ).css( "color", "orange" ); }); }); </script> <style> .mytable{ border-collapse:collapse; } .mytable tr th, .mytable tr td{ border: 1px solid #ccc; } </style> </head> <body> <h2>jQuery :not selector Select Single Class</h2> <p><button type="button" class="mybtn">Click Me to Color Rows</button></p> <table class="mytable"> <tr> <th>Sr No</th> <th>Computer Accessories</th> <th>Quantity</th> </tr> <tr> <td>1</td> <td>Touchpad</td> <td>19</td> </tr> <tr> <td>2</td> <td>Mouse</td> <td>12</td> </tr> <tr class="tr-odditem"> <td>3</td> <td>Monitor</td> <td>23</td> </tr> <tr> <td>4</td> <td>Mouse Ball</td> <td>14</td> </tr> <tr> <td>5</td> <td>Mouse Scroller</td> <td>11</td> </tr> </table> </body> </html>
Go to
Tutorialdeep Homepage