2

首先，让我说对不起，我对 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在树林里的宝贝，因此非常感谢任何有关我做错的帮助！

4

2 回答 2

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

试试上面的例子

或者试试这个（即使它在 a 标签出现之前运行它也会起作用）

  $('#someParentElement').on("click","#two a, #one a",function(event){
    event.preventDefault();
  })
于 2013-09-17T00:10:57.020 回答
0

我认为您需要将 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/

于 2013-09-17T06:09:34.477 回答