형제 div에 내용 추가

Question

아래 예제에서 child div에 내용을 넣는 가장 간단한 addContent 함수는 무엇입니까?

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

Answer 1

이 next를 살펴 보자 : 발생한다 링크를 클릭

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

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

을 대신 인라인 함수를 사용하여 클래스를 연결하여 '추가 콘텐츠'를 제공 위의 예와 같이 해당 클래스로 앵커에 바인딩합니다.

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

여기에서 데모를보십시오 :