jquery - 将 css 添加到动态添加的 Tablerow

Question

我正在使用 jquery mobile 创建一个网站，在该网站上我有一个如下所示的表格:

FIDDLE

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<table data-role="table" class="ui-responsive ui-shadow gk-decorate" id="testTable" is="jqm-table">
  <thead>
    <tr>
      <th data-priority="1">Animal</th>
      <th data-priority="1">Sports</th>
      <th data-priority="1">Names</th>
      <th data-priority="1">Fruits</th>
      <th data-priority="1">Status</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>Cat</th>
      <td>Football</td>
      <td>Anna</td>
      <td>Apple</td>
      <td></td>
    </tr>
    <tr>
      <th>Dog</th>
      <td>Baseball</td>
      <td>James</td>
      <td>Banana</td>
      <td>Checked</td>
    </tr>
    <tr>
      <th>Shark</th>
      <td>Hockey</td>
      <td>David</td>
      <td>Orange</td>
      <td>Checked</td>
    </tr>
    <tr>
      <th>Ape</th>
      <td>PingPong</td>
      <td>Locke</td>
      <td>Mango</td>
      <td></td>
    </tr>
  </tbody>
</table>

我的问题是:我能否以某种方式向 Status Coloumn 内获得字符串 "Checked" 的行添加一个 css 类或 css。
我试过这样的东西:

var qTable = document.getElementById("testTable");
var row = qTable.tBodies[0].insertRow();
row.addClass() //error does not support addClass
row.css({..})//error does not support css..

NOTE: The table content gets added Dynamically

Answer 1

使用 contains:用于过滤掉 <td> 的伪选择器s 与您的标记，然后获取其父节点(<tr> s)

$('td').filter(":contains('Checked')").parent().addClass('sugar')

https://jsfiddle.net/rttmq4we/