0

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

<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>

1

2 ответа 2

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>

0

$(".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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.