如何獲取剛剛創建的元素的“ id”？

Question

假設我有以下代碼：

function createElement(element) {
  $('#container').append(element);
}
createElement('<div id='abc'>Some content</div>');

我想讓函數知道它創建的哪個元素id （希望不解析element字符串），以僅創建的元素（例如設置位置）進行操作。

有什么解決辦法嗎？

Answer 1

function createElement(element) {
   var node = $(element);
   $('#container').append(node);
   alert(node.attr('id'));
}
createElement('<div id="abc">Some content</div>');

請參閱以下工作代碼：

的jsfiddle

Answer 2

嘗試在這種情況下使用.appendTo() ，

function createElement(element) {
   return $(element).appendTo('#container');
}

console.log(createElement('<div id="abc">Some content</div>').attr('id'))

Answer 3

您可以使用this.id來獲取ID，如下所示：

function createElement(element) {
  var id = $(element).attr('id');//and do your stuff with the id
  $('#container').append(element);
}
createElement('<div id="abc">Some content</div>');

Answer 4

做就是了：

function createElement(element) {
  $('#container').append(element);
    return $(element).attr("id");
}
console.log(createElement('<div id="abc">Some content</div>'));

演示：： jsFiddle