具有相同id的jQuery .before

Question

我只想问一下jQuery的事。jQuery能做到这一点吗：

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

要这样做：

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

Answer 1

你的意思是像这样的人：working demo Bit dynamic version：http://jsfiddle.net/QSdqM/ 或 http://jsfiddle.net/GQzFU/

希望这对:)事业有所帮助

接口名：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