0

私は半分自分で解決した問題を抱えており、それを終わらせるのを手伝ってくれる専門家が必要です。

私は を持っており、最初の列に名前<table>を入力し.dropdown、その親クラス名 (数値)をドロップダウンに追加するinputチェックボックス フィールドに適用したいと考えています。<li>

デモ - http://jsfiddle.net/zqMnk/2/

  1. 名前が機能しています
  2. クラス名も追加する方法がわかりません（質問の目的で、デモで名前を付けましたaddDynamicClassHere）

ノート

  1. クラス名が他のクラスと混ざることがあるのでreplace、不要なものを取り除くために a を実行します。var addDynamicClassHere =デモ JSを参照してください。これは、クラス名を取得しようとする私の試みです。
  2. 対応するクラスを適用する場所にクラスaddDynamicClassHereを追加しました。input

ドロップダウンの入力フィールドだけの HTML を見ると、結果は

<input class="520e248" type="checkbox" checked="">
<input class="520e24ee8" type="checkbox" checked="">
<input class="e248" type="checkbox" checked="">
<input class="434343" type="checkbox" checked="">
<input class="90i0i" type="checkbox" checked="">

これは、質問の目的で必要な結果を入力して表示しているだけであることに注意してください。デモで見られるように、それらの周りに他の html があります。

事前に感謝します...正しく表現するのが難しい質問なので、質問があればお知らせください。編集できます...

4

1 に答える 1

1

このようなクラスを取得します

var addDynamicClassHere = $('.pickme').closest('tr').map(function () {
    return this.className.replace(/(first|hidden)/g,"");
});

チェックされているかどうかに応じて表示/非表示にしたいと思いますが、このようにすることができます

   $('.resourceFilter').on('change', 'input', function () {
        if (this.checked) {
            console.log("show");
            $('tr.' + this.className).show();
        } else {
            $('tr.' + this.className).hide();
        }
    });

デモ

于 2013-09-17T09:42:27.023 に答える