7

我有一个表，其中有一列是/否作为可能的值

<table id="mytable">
<thead>
<tr>
    <th>
        Col1
    </th>
    <th>
        Col2
    </th>

    <th>
        ActiveYN
    </th>
</tr>
</thead>
<tbody>
<tr>
    <td>
        Apple
    </td>
    <td>
        12345
    </td>

    <td>
        Yes
    </td>
</tr>
<tr>
    <td>
        Orange
    </td>
    <td>
        67890
    </td>

    <td>
        No
    </td>
</tr>
<tr>
    <td>
        Mango
    </td>
    <td>
        456745
    </td>

    <td>
        Yes
    </td>
</tr>

如果 ActiveYN 为“是”并且隐藏 ID ActiveYN 为“否”，我需要显示该行我如何访问 JQuery 中的 ActiveYN 并相应地显示/隐藏？

4

4 回答 4

10

演示

$('button').on('click', function () {
    var $rowsNo = $('#mytable tbody tr').filter(function () {
        return $.trim($(this).find('td').eq(2).text()) === "No"
    }).toggle();
});
于 2013-07-18T11:50:17.673 回答
4

像这样的东西怎么样：$('td:contains("No")').parent().hide();

Live Demo

JS

$('input').click(function(){
    $('td:contains("No")').parent().toggle();
});

HTML

<input type='button' value='hide/show' />

<table id="mytable">
<thead>
<tr>
    <th>
        Col1
    </th>
    <th>
        Col2
    </th>

    <th>
        ActiveYN
    </th>
</tr>
</thead>
<tbody>
<tr>
    <td>
        Apple
    </td>
    <td>
        12345
    </td>

    <td>
        Yes
    </td>
</tr>
<tr>
    <td>
        Orange
    </td>
    <td>
        67890
    </td>

    <td>
        No
    </td>
</tr>
<tr>
    <td>
        Mango
    </td>
    <td>
        456745
    </td>

    <td>
        No
    </td>
</tr>
于 2013-07-18T11:45:58.617 回答
2

通常我会将其添加为行上的属性：

<tr data-active="No">
....
</tr>

然后隐藏它们你可以做的一切：

$(function(){

$("[data-active=No]").hide();
});

或者，您可以在创建表时根据值添加不同的类/样式。

于 2013-07-18T12:26:08.497 回答
1

您可以从服务器端本身进行。

@if (item.ActiveYN) {
    <tr style="display: none;">
} else {
    <tr>
}

我不知道剃刀语法，但你明白了。

为了能够从客户端执行此操作，请添加一个类。

@if (item.ActiveYN) {
    <tr class="hideMe">
} else {
    <tr>
}

然后在 jQuery 中：

$('.hideMe').hide();

编辑您的问题后再次编辑，现在如果我们完全忘记服务器端：

$("mytable").find("tr:contains('No')").hide();

在您的按钮单击处理程序函数中使用此语句。但是，请记住，它还会在一行中的任何位置找到包含“否”的任何文本。为了更准确，请使用正则表达式准确搜索“否”。

于 2013-07-18T11:33:02.230 回答