Bộ chọn jQuery của một lớp cụ thể bên trong một id cụ thể

Question

Tôi muốn nối HTML vào một div của một ID cụ thể ở đó. Làm thế nào để tôi chọn nó?

<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> 

tôi đã sử dụng

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

nhưng đem lại cho tôi nó vấn đề như các phụ thêm sẽ không bên trong div nhưng ngoài div

Answer 1

bạn có thể thử,

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

hoặc

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

Bạn có thể thử:

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

Để biết thêm đặc hiệu có thể sử dụng chỉ mục của bất kỳ cụ thể div.c;

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

UPDATE: cho appendTo() chỉ quấn chọn mục tiêu với $() và nó làm việc cho tôi.

LƯU Ý KHÔNG SỬ DỤNG CHỈ SỐ ID. ID CNTT ĐƯỢC H PRO TRỢ. ĐỂ THÊM READ

Answer 2

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

Answer 3

Thuộc tính ID không thể bắt đầu bằng một số. Nếu bạn thay đổi thuộc tính id của bạn để một cái gì đó giống như item-2, sau đó bạn có thể sử dụng như sau:

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

Answer 4

Công việc này.

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

---

Edit:

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

FIDDLE