2012-05-15 3 views
8

특정 ID의 div에 HTML을 추가하고 싶습니다. 어떻게 선택합니까? 내가jQuery 특정 ID 내 특정 클래스의 선택자

$(data).appendTo("#"+id).find(".c"); 

하지만, 첨부 된로서의 나에게주는 문제를 사용했다

<div id="1"> 
<div class="c"></div> 
    <div class="c"></div> 
    <div class="c"></div> 
</div> 


<div id="2"> 
<div class="c"></div> 
    <div class="c"> TO APPEND INSIDE THIS DIV </div> 
    <div class="c"></div> 
</div> 

<div id="3"> 
<div class="c"></div> 
    <div class="c"></div> 
    <div class="c"></div> 
</div> 

답변

9

당신이 시도 할 수 있습니다 사업부 사업부 내부하지만 외부 않을 것입니다

$('div#3 div.c').eq(1).append('<div class="new">NEW</div>'); 

또는

$('<div class="new">NEW</div>').appendTo($('div#4 .c:eq(1)')); 

당신이 시도 할 수 : 특정 div.c의 인덱스를 사용할 수 있습니다 더 특이 들어

$(data).appendTo($('#'+ id +' .c')); 

;

$(data).appendTo($('#'+ id +' .c:eq(2)')); // append to third `div.c` 

업데이트 : appendTo()에 대한$()와 대상 선택기를 싸서 나를 위해 작동합니다.

참고 숫자 만 사용하면 안됩니다. IT ID가 금지되었습니다. 더 이상 READ

+0

시스템 - 왜 금지? – Yahoo

+1

@AdiMathur 내 대답에 링크를 공유했습니다. 링크는 http://stackoverflow.com/questions/7987636/why-cant-i-have-a-numeric-value-as-the-of-an-element –

+0

입니다. $ (데이터)를 사용하고있었습니다. appendTo ("#"+ id) .find (". c"); 그러나 그 추가가 문제가되는 것은 div 안에 있지만 div 외부에 없기 때문입니다. – Yahoo

0
$('#2 .c').html('<p>Stuff, junk, crud</p>'); 
2

ID 속성은 숫자로 시작할 수 없습니다. 당신이 item-2처럼 뭔가에 id 속성을 변경하는 경우, 당신은 다음을 사용할 수 있습니다

var html = '<div></div>'; 
$('#item-2 .c:eq(1)').append(html); 
+0

ID가 실제로 변수이기 때문에 – Yahoo

+0

$ (데이터) .appendTo ("#"+ id) .find (")를 사용하고있었습니다.c "); 하지만 div로 들어가는 것이 아니라 div 안에 들어가는 것이 문제가된다. – Yahoo

+0

정직하게 말하면 안된다 .append()는 html을 끝에 추가 할 것이다. 모든 일치하는 요소. 귀하의 경우에는 3 개의 일치하는 요소가 있어야하는데, 그 이유는 3 개의 요소가 클래스'c' (지정된 id를 가진 요소 내에서)이기 때문입니다. 두 번째 항목에만 추가하기를 원하면' (jsfiddle)을 생성 할 수 있습니다. ('cs : eq (1)')'$ (data) .appendTo ('#'+ id) .find (http://jsfiddle.net/)이 아직 작동하지 않는 경우 – jmar777

1

이 작품을.

$('#2 .c:eq(1)').html("<p>Hello</p>"); 

편집 :

​$('<p>Hello!</p>').appendTo($('#2 .c:eq(1)'));​ 

FIDDLE

+0

$ (데이터) .appendTo ("#"+ id) .find (".c"); 내 문제가 추가로 div 안에 있지만 div 외부에 – Yahoo

+0

않을거야 : $ (data) .appendTo ($ ('# 2 .c : eq (1)')); –

+0

편집에서 피들을보세요. –