找到div元素中的所有链接并将其全部禁用

Question

假设我有一些像这样的HTML元素:

<div id="content_div">
    <span><a href="some_link">Click me</a></span>
    <div> Hello everybody. Click <a href="some_link_else">me</a> to do something else</div>

    <a href="3rd_link"> Oops </a>
</div>

我需要的只是在#content_div中获取所有"a"标签并禁用所有这些标签(我不希望用户点击它们).我怎么能在Jquery做到这一点？

Answer 1

我会更少依赖jQuery,因为它可能被用户禁用,所以如果你想要一个CSS解决方案,你可以这样做

#content_div {
   pointer-events: none;
   cursor: default;
}

演示

编辑:准确地说,使用此声明 #content_div a

Answer 2

试试这个:

 $("#content_div a").click(function(e) {
   e.preventDefault();
 });