Есть таблица в первом столбце есть текст с наименованием, во второй столбец динамически добавляется/удаляется текст. Изначально строки таблицы скрыты.
Нужно - показывать только те строки, в которых есть содержимое ячеек второго столбца. И не показывать строки, если ячейки второго столбцы пустые.
Код, который я привел, с поставленной задачей справляется во всех браузерах (которые у меня есть), кроме Мозиллы (49.0.1). В Мозилле задержка, примерно около секунды, перед показом таблицы
Можно как то оптимизировать код?
(Этот пример не нужно проверять на быстродействие в браузере, реально в таблице более тысячи строк)
<style type="text/css">
.hid {display:none;}
</style>
<input type="button" value="Вставить текст" id="send">
<table class="hid" id="tab_decode" border="1" cellspacing="0" cellpadding="0">
<tr class="hid">
<td>наименование 1</td>
<td id="d1" class="decode"></td>
</tr>
<tr class="hid">
<td>наименование 2</td>
<td id="d2" class="decode"></td>
</tr>
<tr class="hid">
<td>наименование 3</td>
<td id="d3" class="decode"></td>
</tr>
<tr class="hid">
<td>наименование 4</td>
<td id="d4" class="decode"></td>
</tr>
</table>
[color=silver][/color]
<script type="text/javascript">
$('#send').click(function(){
$('#d1, #d3, #d4').text('текст');
// показать только те строки, в которых ячейки .decode не пустые
// В Мозилле задержка, примерно около секунды, перед показом таблицы!!
$('.hid, #tab_decode').hide().filter(function(){
return $('.decode',this).text()
}).show();
});
</script>