Форум

Rorbi · #1 (**permalink**) 30.11.2014, 15:59

Здравствуйте. Подскажет пожалуйста.
Имеется вот такой код html

<div class="accountTable">
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed">Тут текст1</span>
	</div>
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed">Тут текст2</span>
	</div>
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed">Тут текст3</span>
	</div>
</div>
<div class="accountTable">
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed">Тут текст1</span>
	</div>
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed"></span>
	</div>
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed"></span>
	</div>
</div>

Можно ли сделать так что бы если <span class="detailed"></span>
был пустой (то есть не содержал в себе текста "Тут текст"), то весь
бок в котором он находится скрывался display none например?
Html стал вот такого вида:

<div class="accountTable">
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed">Тут текст1</span>
	</div>
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed">Тут текст2</span>
	</div>
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed">Тут текст3</span>
	</div>
</div>
<div class="accountTable">
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed">Тут текст1</span>
	</div>
	<div class="tr" style="display:none">
		<span class="name">Название:</span>
		<span class="detailed"></span>
	</div>
	<div class="tr" style="display:none">
		<span class="name">Название:</span>
		<span class="detailed"></span>
	</div>
</div>

[/html]

danik.js · #2 (**permalink**) 30.11.2014, 16:02

Дык ты это в шаблонизаторе, на сервере сделай. Можешь вообще не выводить html код скрытых блоков, сэкономишь кастрюлю байтов.

рони · #3 (**permalink**) 30.11.2014, 16:03

Rorbi,
циклом пройти по классу tr и скрыть нужное.почему проблемы то?

рони · #4 (**permalink**) 30.11.2014, 16:10

Rorbi,
на сервере лучше ...

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       $(".detailed:empty").parent().hide();
});
  </script>
</head>

<body>
<div class="accountTable">
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed">Тут текст1</span>
	</div>
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed">Тут текст2</span>
	</div>
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed">Тут текст3</span>
	</div>
</div>
<div class="accountTable">
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed">Тут текст1</span>
	</div>
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed"></span>
	</div>
	<div class="tr">
		<span class="name">Название:</span>
		<span class="detailed"></span>
	</div>
</div>

</body>

</html>

Rorbi · #5 (**permalink**) 30.11.2014, 16:24

Сообщение от рони

Rorbi,
на сервере лучше ...
$(function(){
$(".detailed:empty").parent().hide();
});

Спасибо большое, работает как надо

danik.js · #6 (**permalink**) 30.11.2014, 16:25

Rorbi, к серверу доступа что-ли нет?

Rorbi · #7 (**permalink**) 30.11.2014, 18:00

Сообщение от danik.js

Rorbi, к серверу доступа что-ли нет?

Да, там проблема, нужно было допилить костыль какой нибудь

Форум

Справочник

Discord чат

Курсы javascript