Jquery отказывается выбирать элемент, используя правильный синтаксис

Question

Привет, я хотел удалить ссылку и получил этот код

$(document).ready(function(){
 $(".features-list a").removeAttr("href");

И не выбирается элемент

<ul class="features-list">
<li id="f1"><a href="http://www.somepage.com"Link that stops being a link</a></li>
</ul>

Я добавил идентификатор, чтобы попробовать и посмотреть, смогу ли я сделать это

 $(".features-list#f1").removeAttr("href");

Не работает, я должен добавить, что остальная часть кода JQuery выполняется правильно, я просто не могу понять это. Это все, что я пытался удалить по ссылке

 $("#f1").removeAttr("href");
 $(".features-list > a").removeAttr("href");
 $(".features-list li ").removeAttr("href");
 $(".features-list").children(a).removeAttr("href");

Я даже пытался

 $(".features-list").Attr("href","#");

Но jquery отказывается выбирать его Что я делаю не так?

Answer 1

Ваша ссылка не работает (отсутствует закрывающий тег >):

<a href="http://www.somepage.com"Link that stops being a link</a>

Должно быть:

<a href="http://www.somepage.com">Link that stops being a link</a>

Также $(".features-list#f1").removeAttr("href"); не работает, посколькуатрибут href не определен в li, и этот li не имеет class="features-list".

$('#f1 a') выбирает ссылку, которая находится внутри элемента с id="f1" (который является li вдело).$(".features-list a").removeAttr("href") также должен работать.

Вот рабочий пример .