javascript - 条件が真の場合、クラスを親要素に追加します

Question

条件が true の場合に子の親要素にクラスを適用しようとしていますが、それを機能させることができないようです。要するに、数字「0」のセルをテーブルでチェックし、その親行を非表示にしたいのです。

私が行ったことの基本的な jsfiddle を作成しました: http://jsfiddle.net/immbudden/YbZPE/3/

そして、私がまとめたjqueryのスニペット:

if ($('#the_table>table>td:contains("0")').length === 1) {
    $(this).parent("tr").addClass("hidden");
}

私はまだjQueryとjavascriptを学んでおり、これはおそらく小さなことですが、指を置くことができないようです!

事前に感謝します。

score 4 · Accepted Answer

$('td', '#the_table > table').each(function() {
    if ($(this).text() === '0') {
        $(this).parents("tr").addClass("hidden");
    }
});

score 1 · Accepted Answer

ブラウザの開発者ツールを使用してください！またはFirebugを入手してください。

そのページが読み込まれたら、javscriptコンソールでこれを試してください。

$('#the_table>table>td:contains("0")')

それがあなたに与えるなら

[ ]

その後、要素が見つかりません。次に、それを分解してみることができます。たとえば、これが機能するかどうかを確認します。

$('#the_table>table>td')

trueそして、それが生成されるまで、またはfalse必要に応じて、その式のビットを取り出して追加し続けます。

score 1 · Accepted Answer

あなたはこのようにそれを行うことができます、

$('#the_table table td').filter( function (index) {
    return $(this).text() == '0';
}).parent("tr").addClass("hidden");

score 1 · Accepted Answer

最初に eq(0) を使用する場合は、まずセルを取得する必要があります。

$cell = jQuery('#the_table tr td:eq(0)');

次に、クラスを親行に配置する必要があります。

$cell.parent("tr").addClass("hidden");

次のコードはそれを行います。

jQuery('#the_table tr td:eq(0)').parent("tr").addClass("hidden");

4 に答える 4