Hay dos tr con la misma clase "redline" uno tras otro (que aparecen consecutivamente), quiero eliminar un 'tr' en eso.
Este es el ejemplo HTML
<table id="test"> <tr class="redline"><td>bla</td></tr> <tr class="redline"><td>bla</td></tr> <tr class="blueline"><td>bla</td></tr> <tr class="redline"><td>bla</td></tr> <tr class="blueline"><td>bla</td></tr> <tr class="redline"><td>bla</td></tr> <tr class="redline"><td>bla</td></tr> <tr class="blueline"><td>bla</td></tr> </table>Considere usar el selector + en CSS.
https://www.w3schools.com/cssref/css_selectors.asp
Aquí está el ejemplo:
const dups = document.querySelectorAll('.redline + .redline') dups.forEach((dup) => {dup.remove()}) <table id="test"> <tr class="redline"> <td>bla</td> </tr> <tr class="redline"> <td>bla dulplicate</td> </tr> <tr class="blueline"> <td>bla</td> </tr> <tr class="redline"> <td>bla</td> </tr> <tr class="blueline"> <td>bla</td> </tr> <tr class="redline"> <td>bla</td> </tr> <tr class="redline"> <td>bla dulplicate</td> </tr> <tr class="blueline"> <td>bla</td> </tr> </table> document.querySelectorAll("#test .redline").forEach(function(element){ if(document.querySelectorAll("#test .redline").length > 1) element.remove() }); <table id="test"> <tr class="redline"=1><td>bla</td></tr> <tr class="redline"=1><td>bla</td></tr> <tr class="blueline"=1><td>bla</td></tr> <tr class="redline"=1><td>bla</td></tr> <tr class="blueline"=1><td>bla</td></tr> <tr class="redline"=1><td>bla</td></tr> <tr class="redline"=1><td>bla</td></tr> <tr class="blueline"=1><td>bla</td></tr> </table>