Задать вопрос
@Oksana007
javascript

Скрыть один элемент при наличии другого или определенного слова?

Имеем такие блоки. В подменю 2 блока 2 появляется новая строка, при ее появлении нужно убрать другую строку.
Когда появляется это <a class="hdhdhd" href=" " >HD каналы</a> нужно скрыть это <a class=" tototo" href=" " >Торрент тв</a>, при чем в блоке 1 Торрент тв должен остаться.
Можно ли это проделать стилями чем-нибудь вроде
.men777 .hdhdhd + .tototo {
    display: none;
}
/* это не работает конечно  */

Или скриптами, например при наличии в class="men777" слова HD каналы,
скрыть class=" tototo". Такой скриптик есть , 
$('.hdhdhd:contains("HD каналы")').parent().addClass("tototo")();

 .tototo {
    display: none;
}

но в скриптах я мягко говоря неочень, и прикруть это дело не могу.

Буду благодарен за помощь.

Вот разметка.

<li>
<div class="bbb"><a class=" "  href=" ">БЛОК 1</a> 

           <div class="oooa">
<a class=" "  href=" ">-------- поддменю 1 БЛОК 1</a> 
                       <div class="men444">
                                     <a class=" "  href=" ">Все каналы</a> <br>
                                    <a  class=" "  href=" ">Развлекательные</a>  <br>
                                    <a class=" "   href=" ">Популярные</a>  <br>
                                    <a class=" "   href=" ">Новостные</a>  <br>

                           </div><!--menuuuuuu-->

<a class=" "  href=" ">-------- поддменю 2 БЛОК 1</a> 
                             <div class="men777">
                                      <a class=" "   href=" ">Спутниковые</a> <br> 
                                    <a class=" tototo"   href=" " >Торрент тв</a> <br>

                               </div><!--menuuuuuu-->

    
              <div  class=" 555"  ></div> 
              <div class="rakana"></div> 
   
              </div><!--oooa-->
           <div class="rakana222"></div> 
      </div><!--div bbb-->
<div class="content_left">
  </div><!--content_left-->
</li>
<!--li-->
<li>
<div class="bbb"><a class=" "  href=" ">БЛОК 2</a> 

           <div class="oooa">
<a class=" "  href=" ">-------- поддменю 1 БЛОК 2</a> 
                       <div class="men444">
                                     <a class=" "  href=" ">Все каналы</a>  <br>
                                    <a  class=" "  href=" ">Развлекательные</a>  <br>
                                    <a class=" "   href=" ">Популярные</a>  <br>
                                    <a class=" "   href=" ">Новостные</a>  <br>

                           </div><!--menuuuuuu-->

<a class=" "  href=" ">-------- поддменю 2 БЛОК 2</a> 
                             <div class="men777">
                                        <a class="hdhdhd"   href=" " >HD каналы</a> <br>
                                         <a class=" "   href=" ">Спутниковые</a> <br>
                                          <a class=" tototo"   href=" " >Торрент тв</a> <br>

                               </div><!--menuuuuuu-->

    
              <div  class=" 555"  ></div> 
              <div class="rakana"></div> 
   
              </div><!--oooa-->
           <div class="rakana222"></div> 
      </div><!--div bbb-->
<div class="content_left">
  </div><!--content_left-->
</li>


Можноли прописать стилями что вроде
  • Вопрос задан
  • 547 просмотров
Комментировать
Подписаться 2 Простой Комментировать
Решения вопроса 1
@Grizar 
.men777 .hdhdhd + .tototo {
    display: none;
}

является верным, уберите </br>, но это верно если только элементы являются соседями
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@micvor 
document.title = '<?php echo $task_name ?>';
$(document).ready(function() {
	$('#priority').change(function() {
		if ($(this).val() == 4) {
		$("#time_task1").css("display", "inline-block");
		} else {
		$("#time_task1").css("display", "none");
		}
	});
	$('#status_task').change(function() {
		if ($(this).val() == 2) {
		$("#performer1").css("display", "inline-block");
		} else {
		$("#performer1").css("display", "none");
		}
		if ($(this).val() == 4) {
		$("#cancel1").css("display", "inline-block");
		} else {
		$("#cancel1").css("display", "none");
		}
		if ($(this).val() == 6) {
		$("#remember1").css("display", "inline-block");
		} else {
		$("#remember1").css("display", "none");
		}
	});
	$('#complexity').change(function() {
		if ($(this).val() != 1) {
		$("#complexity1").css("display", "inline-block");
		} else {
		$("#complexity1").css("display", "none");
		}
	});
});

Поможет разобраться)))
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Редизайн корзины аспро. Верстка
23 апр. 2024, в 22:07
12000 руб./за проект
Собрать семантическое ядро + ТЗ копирайтеру для крупного сайта
23 апр. 2024, в 21:40
20000 руб./за проект
Реализовать редирект запросов в Chrome Extension Manifest v3
23 апр. 2024, в 21:14
1000 руб./за проект
Ещё заказы