javascript - 如何使用 JavaScript 获取 HTML Table 中 td 内的链接文本？

Question

我的表中有以下行结构:

<tr class="mattersRow">
    <td></td>
    <td colspan="16">
        <div class="dropdown">
            <a href="#" data-toggle="dropdown">Choose QB</a>
            <ul class="dropdown-menu" aria-labelledby="dLabel" role="menu"> … </ul>
        </div>
    </td>
</tr>

注意:我使用的是bootstrap库

我需要设置为每个 <td>在“”(空)内有文本，或“选择 QB”class='danger'。

这是我的 jQuery 代码:

$("#tblMatters .mattersRow td").each(function () {
      if ($(this).html() == "" || $(this).innerHTML == "Choose QB")
      {
           $(this).addClass("danger");
           flag = true;
      }
});

当然，$(this).html() == ""效果很好，但是如何将“危险”类设置为 <td>使用选择 QB

Answer 1

您可以使用:contains() ^doc 和 :空 ^doc 选择器:

$('#tblMatters .mattersRow')
    .find('td:contains(\'Choose QB\'),td:empty')
    .addClass('danger');

这是一个演示:http://jsfiddle.net/wared/a84CW/ .