Показать сообщение отдельно
  #1 (permalink)  
Старый 19.09.2016, 15:57
Аспирант
Отправить личное сообщение для rodiony4 Посмотреть профиль Найти все сообщения от rodiony4
 
Регистрация: 26.10.2015
Сообщений: 97

Показать не пустые строки таблицы
Здравствуйте
Есть таблица, в первом столбце есть текст с наименованием, во второй столбец динамически добавляется/удаляется текст.
Изначально строки таблицы скрыты.
Как сделать - показывать только те строки, в которых есть содержимое ячеек второго столбца. И не показывать строки, если ячейки второго столбцы пустые.
Можно конечно каждой строке сделать отдельный класс и по условию показывать/скрывать, но строк в таблице много и соответственно будет столько же условий
<style type="text/css">
.hid {display:none;}
</style>
<input type="button" value="добавить/удалить текст" onclick="send()">
<br>
<table border="1" cellspacing="0" cellpadding="0">
<tr class="hid">
 <td>Марка</td>
 <td id="marka_decode" class="decode"></td>
</tr>
<tr class="hid">
 <td>Модель</td>
 <td id="typeGlass_decode" class="decode"></td>
</tr>
<tr class="hid">
 <td>Цвет</td>
 <td id="colorGlass_decode" class="decode"></td>
</tr>
</table>

<script type='text/javascript'>
function send(){
	if($('#marka_decode').html() == ''){
		$('#marka_decode').text('текст');
		} else {
		$('#marka_decode').text('');	
	}
	
    if($('.decode').html() !== ''){//второе условие
        $('.hid').show()
        } else {
        $('.hid').hide()    
    }
}
</script>
Ответить с цитированием