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>

我添加了 id 来试试看是否可以这样做

 $(".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"); 也不起作用，因为li 上没有定义href 属性，而这个li 没有class="features-list"。

$('#f1 a') 选择一个位于带有id="f1" 的元素内的链接（在您的情况下为li）。 $(".features-list a").removeAttr("href") 也应该可以工作。

这是working example。