jquery - 特定のID内の特定のクラスのjQueryセレクター

Question

そこで特定のIDのdivにHTMLを追加したいのですが、どうすれば選択できますか？

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

使っていた

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

しかし、追加はdivの内側ではなく、divの外側で行われるため、問題が発生します。

Answer 1

あなたが試すことができます、

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

また

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

あなたが試すことができます：

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

より具体的には、任意の特定のインデックスを使用できますdiv.c。

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

更新:appendTo()ターゲットセレクターをラップしただけで、私にとって$()はうまくいきます。

注: 数値 ID のみを使用しないでください。IT ID 禁止。詳しく読む

Answer 2

ID 属性は数字で始めることはできません。id 属性を のようなものに変更するとitem-2、次のように使用できます。

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

Answer 3

この作品。

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

---

編集：

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

フィドル

Answer 4

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