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

これは、: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

これは、jQueryセレクターを使用してクラスなしでdivを取得するのに役立つ場合があります。

jQueryは、クラス属性を持たないすべてのdivを取得します

Answer 4

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

また

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