特定 id 内特定类的 jQuery 选择器

Question

我想将 HTML 附加到特定 ID 的 div 中。如何选择它？

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

更新: for appendTo() 只是用 $() 包装了目标选择器，它对我有用。

注意不要仅使用数字 ID。 IT ID 禁止。了解更多READ