javascript替换p标签的div标签，它没有类

Question

我想替换p标签的div标签，但仅当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

使用:not()选择器和.unwrap() .wrap()

可以使用jQuery轻松完成此操作

$('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

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

jQuery get all divs which do not have class attribute

Answer 4

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

或

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