2011-02-02 12 views
3

私はjQueryの検証プラグインと共にjQueryを使用しています。jQueryでテーブルの空の行を選択

私は最初の列の後の各列にチェックボックス、テキストフィールドなどのフォームフィールドが含まれているテーブルを持っています。私は<th>をヘッダーに使用していますので、<tr>要素にフォームフィールドがあります。

フォームフィールド全体が空の行をすべて選択するにはどうすればよいですか?空白の場合は、未定義の値を持つテキストフィールド、チェックボックスをオフにした状態、選択していないフィールドを選択した状態などがあります。空でないフォームフィールドが少なくとも1つある場合は、行を選択しません。

これは可能ですか?誰かがこれにいくつかの光を発することができますか?

答えて

4

これは.filter()を使用して、あまりにも難しいことではないはずです。

$('tr').filter(function(){ 
    return !$(this).find('input:text:not(:empty), textarea:not(:empty), input:checked, option:selected').length; 
}); 

これは

  • 非空のテキスト入力
  • 空でないテキストエリア
  • は、チェックボックスにチェックを見つけるためにtrを検索/ラジオボックス
  • 選択されたオプション要素

となります。それらを選択から削除します)。

関連する問題