jquery - 在后面的代码中更改徽章颜色

Question

我需要根据表的存在更改 span 的类，进一步在 html 结构中。

基本上，html 是动态构建的，使用 c# 页面上的代码隐藏，然后将其附加到 div 标记。这一切都完美无缺，很好，但现在我需要更改 span 标签的类值，如果发现表存在的话。

所以，结构看起来像这样:

<tr>
<td><span class="badge badge-default"></td>
<td>some stuff</td>
<td><table id="hitTable"></tr>
</tr>

在上面的示例中，span 之后的第二个 td 确实包含一个 id 为 hitTable 的表，在这种情况下，我需要使用 JQuery 将 span 的类更改为 badge badge-danger。

一旦我确定了表格，我不确定如何向上遍历。

此代码将更改表内的任何跨度，但如何更改表外的第一个跨度？

$('table[id^="hit"] span').addClass('badge badge-danger');

Answer 1

当您在服务器上动态构建表时，您不只是添加类，这似乎很奇怪。但是，如果您想在客户端上执行此操作，则需要选择表格并向上和向下移动。

$('table[id^="hit"]')  //select the hit table
    .closest("tr")     //find closest tr that contains the table
        .find("> td > span")  //find the span in a child td
            .addClass('badge-danger');  //add the class

其他方法是选择 tr 并使用 .has() 找到带有表的 trs，而不是选择 span。