Есть скрипт на jquery, который при нажатии на кнопку делает remove для определенных тегов.
Но он скрывает только те, которые не содержат $("td").remove(".diffUnmodified");
.
Как удалить, в примере, и те заголовки, которые не содержат выделенных красным строк, но при этом оставить заголовок, который относится к выделенным ниже красным строкам.
Т.е из примера должно остаться только:
343344343434
←dsfdfdsfdsffdsf
←dfdfdsfsdfsdf
$(document).ready(function(){
$("button").click(function(){
$("td").remove(".diffUnmodified");
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Показать только различия</button><p>
</p><font color="blue">12334</font><br>
<table class="diff">
<tr>
<td class="diffUnmodified">→dfsdfsdfsdfsdf
</td>
</tr>
</table>
<font color="blue">dfffffff</font><br>
<table class="diff">
<tr>
<td class="diffUnmodified">→3333333
</td>
</tr>
</table><font color="blue">sdsdsdsdsd</font><br>
<table class="diff"><tr>
<td class="diffUnmodified">→33333333
</td>
</tr>
</table>
<font color="blue">333333333</font><br>
<table class="diff">
<tr>
<td class="diffUnmodified">←dfdfdfdfdfdfddfdf
</td>
</tr>
</table>
<table class="diff">
<tr>
<td class="diffUnmodified">←33333333333
</td>
</tr>
</table>
<table class="diff">
<tr>
<td class="diffUnmodified">→sdfsdfsdfdsfssdf
</td>
</tr><
</table>
<font color="blue">343344343434</font><br><font color="red">←dsfdfdsfdsffdsf
</font><br><font color="red">←dfdfdsfsdfsdf
</font><br>
<table class="diff">
<tr><td class="diffUnmodified">→rrrrrrrrrrrr
</td>
</tr>
</table>
<table class="diff">
<tr>
<td class="diffUnmodified">→dfdfdfddfdf
</td>
</tr>
</table>