jQuery .before有相同的id

Question

我只想问一下jQuery。可以jQuery执行此操作：

<h1 id="lorem-ipsum">Hello World!</h1>

到此：

<div id="lorem-ipsum"></div>
<h1>Hello World!</h1>

Answer 1

你的意思是这样的人：工作演示位动态版本​​：http://jsfiddle.net/QSdqM/ 或 http://jsfiddle.net/GQzFU/

希望它有助于事业:)

API：http://api.jquery.com/replaceWith/

<强>码

$('h1').replaceWith(function() {

   return '<div id="' + this.id + '"></div><h1>' + $(this).text() + '</h1>'

});

或

$('h1').replaceWith('<div id="lorem-ipsum"></div><h1>Hello World!</h1>');


alert($('body').html());​

Answer 2

var myDiv = $('<div></div>').attr('id', 'lorem-ipsum');
$('h1#lorem-ipsum').removeAttr('id').before(myDiv);

Answer 3

尝试以下方法：

var txt = $('#lorem-ipsum').text()
$('#lorem-ipsum')
    .after($('<h1/>').text(txt))
    .replaceWith('<div id="#lorem-ipsum"/>')

DEMO