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`

更新： appendTo()只是将目标选择器包裹在$()中，它对我有效。

注意请勿使用NUMERIC ID。 IT ID禁止。更多READ

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)'));

<强> FIDDLE

Answer 4

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

jQuery特定类中特定类的选择器

4 个答案: