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>");
    });
});

不是使用内联函数，而是将“添加内容”链接赋予类，并将其绑定到具有该类的锚点，如上例所示：

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

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

将内容添加到兄弟div

1 个答案: