根据特定单元格中的name属性筛选表

时间:2017-11-30 15:19:09

标签: javascript jquery

我有一个表,我想根据name属性进行过滤,这是一个特定的值。我正在尝试这个,但它不起作用。 我知道如果特定文本在行中,这是有效的。

$('td').parent('tr:not(:contains("' + value + '"))').hide();

我有一行,里面有一个带图像的单元格,这个图像有一个名字,我想显示基于这个图像名称隐藏行。

<table id="table">
  <tr>
    <td><img src="H1.gif" alt="" name="image1"></img></td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td><img src="H2.gif" alt="" name="image2"></img>/td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
</table>

这是一个示例表,香港专业教育学院也试过这个代码也不想工作。 我试图隐藏没有名称的行。

$('td').parent('tr:not(:contains(name=["' + value + '"]))').hide();

任何帮助人员。

1 个答案:

答案 0 :(得分:2)

以下是我的解决方案,下面是一个工作片段!

&#13;
&#13;
var val = "image1";
$("#table").find("img:not([name="+ val +"])").parents("tr").hide();
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table">
<tr>
<td><img src="http://via.placeholder.com/150x150" alt="" name="image1"/></td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td><img src="http://via.placeholder.com/150x150" alt="" name="image2"/></td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
&#13;
&#13;
&#13;