我使用jQuery Mobile的并在该网站上创建一个网站,我有一个表,看起来像这样:
FIDDLE
新增CSS以动态添加tablerow的
<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>
我的问题是:我可以以某种方式将一般的css类或css添加到在Status Coloumn
内获得字符串"Checked"
的行中。
我想类似的东西:
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..
注:表中的内容被动态地添加