javascript - 向同级 div 添加内容

Question

在下面的示例中，将一些内容放入子 div 中的最简单的 addContent 函数是什么？

<div>
    <a href="javascript:addContent();">My Link</a>
     <div/>
</div>

点击链接应该会导致:

<div>
    <a href="javascript:addContent();">My Link</a>
     <div>Added Content</div>
</div>

Answer 1

看看next :

$(document).ready(function() {
    $(".addContent").click(function(e) {
        e.preventDefault();
        $(this).next("div").html("<div>Added Content</div>");
    });
});

不要使用内联函数，而是给你的“添加内容”链接一个类，并像上面的例子那样绑定(bind)到具有该类的 anchor :

<a class="addContent" href="#">My Link</a>

在此处尝试演示:http://jsfiddle.net/wGz8s/1/