Добавить контент в sibling 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/