2012-09-22 2 views
1

.append() 메소드로 div를 생성했습니다.알림 javascript div id 생성

코드는 다음과 같습니다 좋은 작품

$("#someDiv").prepend("<div id='someId' class='myClass'></div>"): 
$("#someDiv").prepend("<div id='someId2' class='myClass'></div>"): 

는 지금, 내가 그 div의 아이디의를 사용하고 싶습니다.

$(".myClass").click(function(){ 
    alert($(this).attr('id')); 
}) 

을하지만, 그것은 나를 도와 줘요, 작동하지 않습니다

내가 이런 식으로 할 노력하고있어. 요소가 동적으로 생성하는 경우

+0

같은 새로운 된 div를 추가하는 코드 뒤에 클릭 이벤트 코드를 삽입 시도해보십시오'$ (문서) .ready (함수() {...}); 물론' – 0x499602D2

+0

나는 –

답변

4

, 당신은 아마 처리기를 바인딩 할 때 실제로 존재하는 요소에 이벤트를 위임 할 필요가 뭔가 같은 :

$(function() { 
    $("#someDiv").on("click", ".myClass", function(){ 
     alert(this.id); 
    }); 
}); 

그리고 당신이에 콜론을 교체해야합니다 끝내면 세미콜론이 붙어서 그 일을합니다.

FIDDLE

+0

고마워, 지금 evetything는 좋다. –

0

실제로 된 div를 추가하기 전에 클릭 이벤트에 "myClass가"를 바인딩 어쩌면 때문에 문제. 당신이 코드를 넣어나요이

$("#someDiv").prepend("<div id='someId' class='myClass'></div>"): 
$("#someDiv").prepend("<div id='someId2' class='myClass'></div>"): 

$(".myClass").click(function(){ 
    alert($(this).attr('id')); 
})