[英]How to hide TR if its values are similar to another TR in jquery?
如果它的第一个TD值类似于另一个TR的TD值,我想隐藏它。
例如:
<table>
<tr>
<td>123</td>
<td>Example 1</td>
</tr>
<tr>
<td>789</td>
<td>Example 2</td>
</tr>
<tr>
<td>123</td>
<td>Example 3</td>
</tr>
</table>
我想要的是:
<table>
<tr>
<td>123</td>
<td>Example 1</td>
</tr>
<tr>
<td>789</td>
<td>Example 2</td>
</tr>
</table>
有人可以告诉我该怎么做吗?
任何帮助将不胜感激。
您可以在第一个TD中创建文本映射,然后根据该文本进行过滤
var trs = $('table tr'), map = trs.map(function() { return $(this).find('td:first').text().trim() }).get(); trs.filter(function(i) { return map.indexOf( $(this).find('td:first').text().trim() ) !== i; }).hide();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <tr> <td>123</td> <td>Example 1</td> </tr> <tr> <td>789</td> <td>Example 2</td> </tr> <tr> <td>123</td> <td>Example 3</td> </tr> </table>
HTML
<table id="my_table">
<tr>
<td>123</td>
<td>Example 1</td>
</tr>
<tr>
<td>789</td>
<td>Example 2</td>
</tr>
<tr>
<td>123</td>
<td>Example 3</td>
</tr>
</table>
在JavaScript中使用jQuery
<script>
$("#my_table tr").each(function(){
var findTxt=$(this).find("td:eq(0)").text();
$("#my_table tr").each(function(){
if($(this).find("td:eq(0)").text()==findTxt){
$(this).remove();
}
});
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.