Блог

Главная - Вопросы по программированию - Сделайте что-нибудь, если дочерний элемент имеет URL-ссылку типа

Сделайте что-нибудь, если дочерний элемент имеет URL-ссылку типа

#javascript #jquery #url #indexof

#javascript #jquery #url #indexof

Вопрос:

Мне нужны некоторые идеи или предложения для достижения этой цели: у меня есть макет на моем веб-сайте prestashop, и я хочу манипулировать, чтобы показать div, содержит ли макет URL-адрес, равный или содержащий «this-particular-text»…

 if (window.location.href.indexOf("text-to-find") > -1) {
    console.log("Hello world!");
} 
 <div id="breadcrumb">
  <div class="container">
    <div class="breadcrumbs space-padding-tb-10 breadcrumbs-left">
      <div class="inner">
        <div class="breadcrumb breadcrumb-links"> 
          <a class="home" href="https://home.com" title="back to start">Start</a> 
          <span class="navigation-pipe">amp;></span> 
          <span class="navigation_page">
          <span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
            <a itemprop="url" href="https://home.com/text-to-find" title="text to find">
              <span itemprop="title">text to find</span>
            </a>
          </span>
          <span class="navigation-pipe">amp;></span>
          <span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
            <a itemprop="url" href="https://home.com/other-text" title="other text">               <span itemprop="title">other text</span>
            </a>
            </span>
            <span class="navigation-pipe">amp;></span>Another Text</span></div></div></div></div></div>
<div id="showthis" style="display:none;"> I wanna show this div if id breadcrumb contains on his children a href with https://home.com/text-to-find </div>

Я могу управлять только с помощью indexOf (единственное, что я мог вспомнить …)

Ответ №1:

Вы имеете в виду:

 if (window.location.href.indexOf("text-to-find") > -1) {
    document.getElementById('breadcrumb').style.display = 'none';
}

?

Комментарии:

1. Нет, извините, я только поставил console.log, чтобы узнать, что я получаю… веб-сайт работает, правильный div — document.getElementById(‘showthis’).style.display = ‘none’; … но я не могу использовать indexOf window . местоположение, потому что другой URL-адрес, который я хочу показать этому div … суть в том, что если у дочерних элементов, вложенных в breadcrumb, есть ссылка или текст заголовка, который нужно найти, я показываю div #showthis else display:none…