jquery - jquery动态改变类

Question

当我执行控制台日志时，以下是打印的 html 结构：

<div class="ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" data-id="21">
          <div class="ui-widget-header ui-corner-all">
             <span class="ui-icon ui-icon-minusthick"></span>
             <h6>First Person</h6>
          </div>
          <p class="style-content"></p>
          <p class="style-content">Estimated Missing: 10</p>
          <p class="style-content">
            <span class="sub_task">6</span> 
            People Found
          </p>
        </div>

delta如果给<span class="sub_task">6</span>定变量，我想添加其他类alpha = "12"

截至目前，我的 js 文件如下所示：

console.log(elem)
elem = $(this).children()[3];
if (alpha=="12"){
elem.addClass("delta");
}

但这给出了一个错误：

Uncaught TypeError: Object #<HTMLParagraphElement> has no method 'addClass' 

我有两个问题：

一个更好的选择器来获取元素。

如何添加课程？

Answer 1

使用$or jQuery sinceaddClass是 jQuery 的一个函数：

$(elem).addClass("delta");

或者

jQuery(elem).addClass("delta");

也改变：

elem = $(this).children()[3];

至：

elem = $(this).children().eq(2).find('span'); // note index starts at 0 in eq

或者你可以像这样直接添加类（假设你有相同的html结构）

if (alpha == "12") {
   $('.style-content').find('span').addClass("delta");
}

Answer 2

两个答案都在一个片段中：

$(this).children().eq(3).addClass('delta');