Question

我正在使用jquery过滤表格的记录show / hide选项。

$("tbody tr[data-ediction!='"+ed+"']").hide();
$("tbody tr[data-ediction='"+ed+"']").show();

在<tr>我添加数据版及其值。

你能帮我吗？

Answer 1

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
var ed=1;

  $("tr[data-ediction='"+ed+"'][color='red']").hide();
 $("tr[data-ediction='2']").show();
});

</script>
</head>
<body>
<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr  data-ediction='1'>
    <td>Jill-show</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr   data-ediction='1'>
    <td>Eve--show</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
  <tr  color='red' data-ediction='1'>
    <td>Jill--hide</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr  data-ediction='2'>
    <td>Eve--show</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>
</body>
</html>

Bootstrap表过滤器使用hide / show？

1 个答案: