Question

我试图使用jQuery以递归方式从DIV中删除所有CSS类。

这是我到目前为止所得到的，但它根本不起作用

// UPDATE ：另一个问题是我将HTML作为JAvascript字符串，我必须以这种方式操作

HTML：

<div class="c1">
  <div class="c1">
    <div class="c3">some text
      <div>blah blah</div>
    </div>
  </div>
</div>

JQuery的：

$('div').removeClass();

$('div').each(function( index ) {
    $(this).removeClass();
});

Answer 1

您需要添加jQuery to your fiddle，因为这是您编写Javascript的语法。

然后你只需要使用：

$('div').removeAttr('class');

Answer 2

首先，动态创建一个元素，然后在其中搜索：

var s = '<div class="c1"> <div class="c1"><div class="c3">some text<div>blah blah</div></div></div></div>'

var $elem =
    // create on the fly element
    $('<div></div>')

        // put your string to its content
        .html(s)

        // find `div` elements
        .find('div')

            // remove `class` attribute
            .removeAttr('class');

$('#id').html($elem.html());

JSFiddle Demo

Answer 3

使用removeAttr('class')并在你的小提琴中加载jQuery 检查DEMO

$('div').each(function() {
   $(this).removeAttr('class');
});

如何递归删除CSS类

3 个答案: