@denism300

Как с помощью скрипта добавить к ссылке якорь?

Есть код вида:
<ul>
    <li class="some-class">
        <a href="http://some-href-1">some-text-1</a>
    </li>
    <li class="some-class">
        <a href="http://some-href-2">some-text-2</a>
    </li>
    ...
</ul>

ID или class добавить к ссылке крайне проблематично. Как с помощью скрипта добавить всем ссылкам, находящимся в контейнерах с классом some-class добавить якорь?
Т.е., на выходе хочу получить нечто такое:
<ul>
    <li class="some-class">
        <a href="http://some-href-1#anchor">some-text-1</a>
    </li>
    <li class="some-class">
        <a href="http://some-href-2#anchor">some-text-2</a>
    </li>
    ...
</ul>
  • Вопрос задан
  • 333 просмотра
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
$('.some-class a').each(function() {
  var $this = $(this);
  $this.attr('href', $this.attr('href') + '#anchor');
});

Я бы добавил проверку, что в ссылке уже не имеется хеш
$('.some-class a').each(function() {
  var $this = $(this);
  var href = $this.attr('href');
  if (href.indexOf('#') === -1) {
     $this.attr('href', $this.attr('href') + '#anchor');
  }
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы