需要禁用 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 内容被插入到 E_before_ 上面动态生成的内容之前。我需要一个解决方案，允许我保留<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 标签出现之前运行也可以）

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

Answer 2

我认为您需要将 jQuery 包装在 $(document).ready 中

$(document).ready(function() {
    $('#wrapper').on("click","#one a",function(event){
        event.preventDefault();
    }); 
});

原因是，#wrapper 也不存在。

http://jsfiddle.net/T9z9d/1/

然后你可以简单地运行：

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

http://jsfiddle.net/T9z9d/2/