將內容添加到兄弟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/