javascript - javascript替换没有类的p标签的div标签

Question

我想将 div 标签替换为 p 标签，但前提是 div 标签没有类。

所以这：

<div class="myDiv">
   <div>sdfglkhj sdfgkhl sdfkhgl sdf</div>
   <div>dsf osdfghjksdfg hsdfg</div>
</div>

会成为：

<div class="myDiv">
   <p>sdfglkhj sdfgkhl sdfkhgl sdf</p>
   <p>dsf osdfghjksdfg hsdfg</p>
</div>

我试过.replace("<div>", "<p>").replace("</div>","</p>")了，但这用一个类替换了一个结束标记。

Answer 1

这可以通过 jQuery 使用:not()选择器轻松完成，并且.unwrap() .wrap()

$('div:not([class])').contents().unwrap().wrap('<p/>');

http://jsfiddle.net/matthewbj/ujLHk/

Answer 2

$(document).ready(function () {

  $('div').each(function () {
    var html = this.innerHTML;
    if (! $(this).attr('class')) {
       $(this).replaceWith('<p>' + html + '</p>');
    }
  });
});

Answer 3

$(document).ready(function()
{
    $('.myDiv div').contents().unwrap().wrap('<p/>');
});

或者

$(document).ready(function()
{
    $('.myDiv div').each(function()
    {
        $(this).replaceWith($('<p>' + $(this).html() + '</p>'))
    });
});

Answer 4

这可能会帮助您使用 jQuery 选择器来获取没有类的 div：

jQuery获取所有没有类属性的div