Как написать путь к элементу

164

27 июня 2019, 16:10

Есть фрагмент кода, не пойму как прописать путь к

<li><a href="#sheldure">расписания туров</a></li>

через jQuery, чтобы добавить анимацию. Подскажите пожалуйста.

<div class="col-sm-7 main_nav"> 
            <nav> 
              <ul> 
                <li><a href="#about">методология</a></li> 
                <li><a href="#sheldure">расписания туров</a></li> 
                <li><a href="#include">что входит</a></li> 
                <li><a href="#hotels">отели</a></li> 
                <li><a href="#personal">тренера</a></li> 
                <li><a href="#steps">этапы</a></li> 
              </ul> 
            </nav> 
          </div>

Answer 1

Если разметку трогать нельзя, то через селекторы:

.main_nav li:nth-child(2) a
.main_nav a[href='#sheldure']

Если можно, то просто задайте класс <a href="#sheldure" class="sheldure"></a>, тогда будет - .main_nav . sheldure

$(".main_nav li:nth-child(2) a").css("color", "red");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div class="col-sm-7 main_nav"> 
  <nav> 
    <ul> 
      <li><a href="#about">методология</a></li> 
      <li><a href="#sheldure">расписания туров</a></li> 
      <li><a href="#include">что входит</a></li> 
      <li><a href="#hotels">отели</a></li> 
      <li><a href="#personal">тренера</a></li> 
      <li><a href="#steps">этапы</a></li> 
    </ul> 
  </nav> 
</div>

Answer 2

$(".main_nav a[href='#sheldure']").css("color", "red");

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
 
<div class="col-sm-7 main_nav"> 
  <nav> 
    <ul> 
      <li><a href="#about">методология</a></li> 
      <li><a href="#sheldure">расписания туров</a></li> 
      <li><a href="#include">что входит</a></li> 
      <li><a href="#hotels">отели</a></li> 
      <li><a href="#personal">тренера</a></li> 
      <li><a href="#steps">этапы</a></li> 
    </ul> 
  </nav> 
</div>