[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Показать только те строки таблицы, ячейки которых
sashgera
Здравствуйте
Есть таблица в первом столбце есть текст с наименованием, во второй столбец динамически добавляется/удаляется текст. Изначально строки таблицы скрыты.
Нужно - показывать только те строки, в которых есть содержимое ячеек второго столбца. И не показывать строки, если ячейки второго столбцы пустые.
Код, который я привел, с поставленной задачей справляется во всех браузерах (которые у меня есть), кроме Мозиллы (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>



<script type="text/javascript">
$('#send').click(function(){
$('#d1, #d3, #d4').text('текст');

// показать только те строки, в которых ячейки .decode не пустые
// В Мозилле задержка, примерно около секунды, перед показом таблицы!!

$('.hid, #tab_decode').hide().filter(function(){
return $('.decode',this).text()
}).show();
});
</
script>
[color=silver][/color]
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.