jquery - 需要禁用 CMS 生成的特定类中的链接

Question

首先，我要说的是，很抱歉我对 jquery 几乎一无所知，但这就是我正在尝试做的事情。我需要从我们的内容管理系统生成的特定 div 中删除链接功能。我当前页面上的内容是这样的:

<div id="wrapper">
    <div id="one">
        <div class="two">
            <a href="http://example.com">Example</a>
        </div>
     </div>
</div>

我在 CMS 中控制的 HTML 内容插入到上面动态生成的内容之前。我需要一个解决方案来保留 <a> 的内容标签(在本例中为“示例”一词)，但删除链接功能。我尝试了下面@TGH 的解决方案:

<script>
    $('#wrapper').on("click",".two a, #one a",function(event){
    event.preventDefault();
    })    
</script>

<div id="wrapper">
    <div id="one">
        <div class="two">
            <a href="http://example.com">Example</a>
        </div>
     </div>
</div>

但似乎根本没有任何效果。我目前是 javascript 和 jquery 的新手，因此非常感谢任何有关我做错的事情的帮助!

Answer 1

$('#two a, #one a').attr("href","#")

尝试上面的例子

或者尝试这个(即使它在 a 标 checkout 现之前运行它也会工作)

  $('#someParentElement').on("click","#two a, #one a",function(event){
    event.preventDefault();
  })