javascript - Jquery/JS Select last td in each line which don't have a specific class -
i have following html table:
<table> <tbody> <tr> <td>1</td> <td>2</td> <td class="treegrid-hide-column">3</td> </tr> <tr> <td>4</td> <td>5</td> <td class="treegrid-hide-column">6</td> </tr> <tr> <td>7</td> <td>8</td> <td class="treegrid-hide-column">9</td> </tr> </tbody> </table> i last elements don't have "treegrid-hide-column" class in each line.
how can in in css or js ?
i tried doing doesn't works well.
function addrightborderontreetable() { var arr = $('.treegridcustom tbody tr td:last-child'); (var i=0; i<arr.length; i++) { var currentel = arr[i]; if ( !$(currentel).hasclass("treegrid-hide-column") ) { $(currentel).css('border-right', '1px solid #bfbfbf'); } } }
css doesn't have feature, can jquery:
$("tr").each(function() { $(this).find("td:not(.treegrid-hide-column):last").each(function() { $(this).css('border-right', '1px solid #bfbfbf'); }); }); $("tr").each(function() { $(this).find("td:not(.treegrid-hide-column):last").each(function() { $(this).css('border-right', '1px solid #bfbfbf'); }); }); <table> <tbody> <tr> <td>1</td> <td>2</td> <td class="treegrid-hide-column">3</td> </tr> <tr> <td>4</td> <td>5</td> <td class="treegrid-hide-column">6</td> </tr> <tr> <td>7</td> <td>8</td> <td class="treegrid-hide-column">9</td> </tr> </tbody> </table> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> we have go row-by-row because there's no css "last element not matching class", , jquery's :last applies whole set, not set @ each level of thes elector.
Comments
Post a Comment