将内容添加到兄弟div

Question

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

<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/