jquery正则html标签内容,使用jQuery来更改HTML标签？

这是我的解决方案。它允许在标签之间切换。

function wrapClass(klass){

return '' + klass;

}

function replaceTag(fromTag, toTag){

/** Create selector for all elements you want to change.

* These should be in form:

*/

var currentSelector = fromTag + '.' + wrapClass(toTag);

/** Select all elements */

var $selected = $(currentSelector);

/** If you found something then do the magic. */

if($selected.size() > 0){

/** Replace all selected elements */

$selected.each(function(){

/** jQuery current element. */

var $this = $(this);

/** Remove class "to-toTag". It is no longer needed. */

$this.removeClass(wrapClass(toTag));

/** Create elements that will be places instead of current one. */

var $newElem = $('');

/** Copy all attributes from old element to new one. */

var attributes = $this.prop("attributes");

$.each(attributes, function(){

$newElem.attr(this.name, this.value);

});

/** Add class "to-fromTag" so you can remember it. */

$newElem.addClass(wrapClass(fromTag));

/** Place content of current element to new element. */

$newElem.html($this.html());

/** Replace old with new. */

$this.replaceWith($newElem);

});

/** It is possible that current element has desired elements inside.

* If so you need to look again for them.

*/

replaceTag(fromTag, toTag);

}

}

section {

background-color: yellow;

}

div {

background-color: red;

}

.big {

font-size: 40px;

}

Section -> Div

Div -> Section

Matrix has you!

Matrix has you inside!

Matrix has me too!