隐藏表格行，其中包含状态为移动，点火开启

Question

<tr  >
    <td><input type="checkbox" /></td>
    <td >21</td>
    <td>The Indian Heights School</td>
    <td>28.56155</td>
    <td>77.05239</td>
    <td>06:09:27</td>
    <td>Start</td>
    <td><input type='button' value='Edit' onclick="Edit()"   /> <input type='button' value='Delete' onclick='deleteRow(this)'/></td>
</tr>


<tr  >
    <td><input type="checkbox" /></td>
    <td >22</td>
    <td>The Indian Heights School</td>
    <td>28.56151</td>
    <td>77.05234</td>
    <td>06:09:37</td>
    <td>Ignition_On</td>
    <td><input type='button' value='Edit' onclick="Edit()"   /> <input type='button' value='Delete' onclick='deleteRow(this)'/></td>
</tr>


<tr  >
    <td><input type="checkbox" /></td>
    <td >23</td>
    <td>The Indian Heights School</td>
    <td>28.56148</td>
    <td>77.05230</td>
    <td>06:09:47</td>
    <td>Ignition_On</td>
    <td><input type='button' value='Edit' onclick="Edit()"   /> <input type='button' value='Delete' onclick='deleteRow(this)'/></td>
</tr>


<tr  >
    <td><input type="checkbox" /></td>
    <td >24</td>
    <td>The Indian Heights School</td>
    <td>28.56146</td>
    <td>77.05229</td>
    <td>06:09:56</td>
    <td>Ignition_On</td>
    <td><input type='button' value='Edit' onclick="Edit()"   /> <input type='button' value='Delete' onclick='deleteRow(this)'/></td>
</tr>


<tr  >
    <td><input type="checkbox" /></td>
    <td >25</td>
    <td>The Indian Heights School</td>
    <td>28.56146</td>
    <td>77.05230</td>
    <td>06:10:06</td>
    <td>Ignition_On</td>
    <td><input type='button' value='Edit' onclick="Edit()"   /> <input type='button' value='Delete' onclick='deleteRow(this)'/></td>
</tr>


<tr  >
    <td><input type="checkbox" /></td>
    <td >26</td>
    <td>The Indian Heights School</td>
    <td>28.56146</td>
    <td>77.05230</td>
    <td>06:10:16</td>
    <td>Stop</td>
    <td><input type='button' value='Edit' onclick="Edit()"   /> <input type='button' value='Delete' onclick='deleteRow(this)'/></td>
</tr>


<tr  >
    <td><input type="checkbox" /></td>
    <td >27</td>
    <td>The Indian Heights School</td>
    <td>28.56148</td>
    <td>77.05230</td>
    <td>06:10:26</td>
    <td>Ignition_On</td>
    <td><input type='button' value='Edit' onclick="Edit()"   /> <input type='button' value='Delete' onclick='deleteRow(this)'/></td>
</tr>


<tr  >
    <td><input type="checkbox" /></td>
    <td >28</td>
    <td>The Indian Heights School</td>
    <td>28.56150</td>
    <td>77.05229</td>
    <td>06:10:36</td>
    <td>Start</td>
    <td><input type='button' value='Edit' onclick="Edit()"   /> <input type='button' value='Delete' onclick='deleteRow(this)'/></td>
</tr>


<tr  >
    <td><input type="checkbox" /></td>
    <td >29</td>
    <td>The Indian Heights School</td>
    <td>28.56152</td>
    <td>77.05233</td>
    <td>06:10:45</td>
    <td>Ignition_On</td>
    <td><input type='button' value='Edit' onclick="Edit()"   /> <input type='button' value='Delete' onclick='deleteRow(this)'/></td>
</tr>


<tr  >
    <td><input type="checkbox" /></td>
    <td >30</td>
    <td>The Indian Heights School</td>
    <td>28.56154</td>
    <td>77.05238</td>
    <td>06:10:55</td>
    <td>Stop</td>
    <td><input type='button' value='Edit' onclick="Edit()"   /> <input type='button' value='Delete' onclick='deleteRow(this)'/></td>
</tr>


<tr  >
    <td><input type="checkbox" /></td>
    <td >31</td>
    <td>The Indian Heights School</td>
    <td>28.56155</td>
    <td>77.05242</td>
    <td>06:11:05</td>
    <td>Ignition_On</td>
    <td><input type='button' value='Edit' onclick="Edit()"   /> <input type='button' value='Delete' onclick='deleteRow(this)'/></td>
</tr>


<tr  >
    <td><input type="checkbox" /></td>
    <td >32</td>
    <td>The Indian Heights School</td>
    <td>28.56152</td>
    <td>77.05241</td>
    <td>06:11:15</td>
    <td>Start</td>
    <td><input type='button' value='Edit' onclick="Edit()"   /> <input type='button' value='Delete' onclick='deleteRow(this)'/></td>
</tr>

我想要在状态栏中包含的隐藏表行使用Javascript在点上点火，因为我只想在表上停止和开始点。实际上，这个数据是从服务器端使用Java的xml站点获取的。

Answer 1

试试this。

$("td:contains('Moving')")
    .closest('tr')
    .add(
        $("td:contains('Ignition_On')").closest('tr')
    ).addClass('delete');

所以，而不是.addClass()你可以使用.remove()或.hide()像this

Answer 2

那应该做的工作

$("td:contains('Ignition_On')").closest('tr').css('display', 'none');

http://jsfiddle.net/KuvG7/1/

Answer 3

使用jquery，您可以执行以下操作。

$("tr td:contains('Ignition_On')").each(function(){ 
   $(this).parent().hide();
});