Измените URL тега "a" с помощью JS

Question

Мне нужно изменить URL-адрес в теге "a" внутри определенного div.

Я попытался использовать этот пример кода, но он изменит все URL-адреса тега "a". Но мне нужно изменить URL-адрес только внутри класса "one".

<div class="one">
  <a href="http://www.abc.co.uk/"></a>
</div>

<div class="two">
  <a href="http://www.abc.co.uk/"></a>
</div>

$('a[href="http://www.abc.co.uk/"]').attr('href', 'http://www.abc/eye');

Как это исправить?

Answer 1

Поместите .one в начало строки селектора:

$('.one a[href="http://www.abc.co.uk/"]').attr('href', 'http://www.abc/eye');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="one">
  <a href="http://www.abc.co.uk/">link1</a>
</div>

<div class="two">
  <a href="http://www.abc.co.uk/">link2</a>
</div>

Нет необходимости в такой большой библиотеке, как jQuery, для чего-то такого простого:

document.querySelector('.one a[href="http://www.abc.co.uk/"]').href ='http://www.abc/eye';

<div class="one">
  <a href="http://www.abc.co.uk/">link1</a>
</div>

<div class="two">
  <a href="http://www.abc.co.uk/">link2</a>
</div>