Question

我正在为ID为XX的元素添加新标记：

$("#XX").append("<div>");

我希望内部div也设置了一个id。使用jquery函数是否有比以下更优雅的方式：

$("#XX").append("<div id=\""+"testID"+"\">");

我试着做一个：

 $("#XX").append("<div>").attr()

然而这改变了XX的身份。

Answer 1

使用

$("#XX").append( $("<div \>").attr("id","myID") );

Answer 2

$('#xx').append(
    $('<div />').attr('id', 'test_id')
);

Answer 3

尝试这个

$('#xx').append('<div id="test_id"></div>');

Answer 4

您可能更喜欢这个选项：

＆＃13;

var testId = 'foo';
$('<div>', {
  id: testId
}).appendTo('#XX');

$("#foo").html('Worky!');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="XX"></div>

＆＃13;

您当然可以向该对象添加其他属性，甚至是事件处理程序和html。

＆＃13;

var testId = 'foo';
$('<div>', {
  id: testId,
  click: function () {
    $(this).html('Hello World!');
  },
  html: 'Click Me'
}).appendTo('#XX');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="XX"></div>

＆＃13;

将ID属性添加到附加元素

4 个答案: