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 が「いいえ」の場合に行を表示する必要があります。

4

4 に答える 4

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 に答える