jquery - html变量中的DOM操作

Question

我在变量名中有这个字符串，data它有 html 标签和所有

<div class="cqr">
  <span class="ico-cqr2 icon-28 star1">quality</span>
  <span class="ico-cqr2 icon-28 star2">quality</span>
  <span class="ico-cqr2 icon-28 star3">quality</span>
  <span class="ico-cqr2 icon-28 star4">quality</span>
  <span class="ico-cqr2 icon-28 star5">quality</span>
</div>

我将此字符串解析为 html 为

var tHTML = $.parseHTML(data, null, true);

现在我需要像从 span 中添加/删除一些类一样操作 DOM。我怎样才能做到这一点。

Answer 1

$(tHTML).find('span').addClass('someClass');

正如评论中所指出的，您不需要使用$.parseHTML，只需放入data一个 jQuery 包装器：

$(data).find('span').addClass('someClass');

Answer 2

在问一个问题之前，请多看看：

a) 以前被问过

b) 存在于 jquery API 上：编辑：所有类函数

例子：

$('span').removeClass('ico-cqr2, star1');

Answer 3

向star1添加类

$(tHTML).find('star1').addClass('someClass');

从star1中删除类

$(tHTML).find('star1').removeClass('someClass');

您可以通过 'id' 或 'class' 进行操作 当您将字符串放在 $() 之间时，系统已经像 jquery 对象一样处理

如何使用 addClass http://api.jquery.com/addClass/ 如何使用 find http://api.jquery.com/find/