如何找到文本字符串并使用jquery隐藏它。
<div class="report-box">
<div class="title">test</div>
<table>
<tbody>
<tr align="center" class="CellLabel">
<td colspan="2">Day at a Glance</td>
</tr>
<tr class="CellLabel">
<td>New Clients</td>
<td>00000</td>
</tr>
<tr class="CellLabel">
< td>Money Received</td>
<td>$ 0000,000.0000</td>
</tr>
<tr class="CellLabel">
<td>Overdue Invoices</td>
<td>0000000</td>
</tr>
<tr class="CellLabel">
<td>Services</td>
<td>000000</td>
</tr>
<tr align="right" class="CellLabel">
<td colspan="2"></td>
</tr>
</tbody>
</table>
</div>
如何删除
<tr class="CellLabel">
<td>Money Received</td>
<td>$ 0000,000.0000</td>
</tr>
使用jquery从代码中获取。
答案 0 :(得分:4)
首先,你的HTML有点乱,缺少一些标签。但是你走吧。 ;)
预览 - http://jsfiddle.net/Xpc63/1/
$('.CellLabel').removeByContent('Money');
查看完整JS代码的预览。
预览 - http://jsfiddle.net/ahzPs/1/
$('.CellLabel').contains('Money').remove();
查看完整JS代码的预览。
预览 - http://jsfiddle.net/mWtzw/
$('.CellLabel').filter(function() {
return $(this).html().indexOf('Money') != -1;
}).remove();
答案 1 :(得分:0)
您可以使用包含选择器方法:
$('td:contains("$ 0000,000.0000")').parent().hide(); //to hide
$('td:contains("$ 0000,000.0000")').parent().remove(); //to remove
或者,如果您只想删除或隐藏包含文本的td:
$('td:contains("$ 0000,000.0000")').hide(); //to hide
$('td:contains("$ 0000,000.0000")').remove(); //to remove
答案 2 :(得分:0)
$('.cellLabel').find('td:contains("money")').remove();
答案 3 :(得分:0)
// just want to remove
$('.cellLabel').find('td:contains("Money Received")').parent.remove();
或者
// if just want to hide
$('.cellLabel').find('td:contains("Money Received")').parent.hide();