如何获取刚刚创建的元素的“ 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