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

如何获得刚刚创建的元素的`id`？

4 个答案: