8

我想将 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 外部

4

4 回答 4

9

你可以试试，

$('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。禁止使用它的 ID。更多阅读

于 2012-05-15T16:39:47.880 回答
2

ID 属性不能以数字开头。如果您将 id 属性更改为类似item-2的内容，则可以使用以下内容：

var html = '<div></div>';
$('#item-2 .c:eq(1)').append(html);
于 2012-05-15T16:40:06.537 回答
1

这项工作。

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

编辑：

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

小提琴

于 2012-05-15T16:42:15.240 回答
0 
$('#2 .c').html('<p>Stuff, junk, crud</p>');
于 2012-05-15T16:39:39.147 回答