1

javascriptまたはjqueryを使用して、テーブル内の特定の列をループする方法を知りたいです。

また、列の最初の要素もスキップできますか。

値のテーブルがあり、テーブルに行を動的に追加しています。

だから私は次のようなテーブルを持っています

-------------
| A | d | G |
-------------
| D | e | H |
-------------
| c | f | I |
-------------

3 つのテキスト ボックスと 1 つのボタンがあります。各テキスト ボックスには、新しい行のセルに入るデータが含まれます。ボタンをクリックすると、行を追加する前に、テキストボックスの情報が通常テキストが入る列に既に追加されているかどうかを確認したいと思います。

したがって、たとえば、テキストボックスに (O,K,I) が含まれている場合、コードで最初の列で O の存在をチェックし、2 番目の列で K の存在をチェックし、3 番目の列で存在をチェックする必要があります。コードは I に一致するものを見つけ、何かを警告します。

表の各セルには、少しのテキストがあります。

4

3 に答える 3

5

更新::nth-child(columnIndex)セレクターで使用します。この場合columnIndex、ゼロベースではないことに注意してください。つまり、2 番目の列が必要な場合は、1 ではなく 2 を使用します。

$('#foo td:nth-child(2)').each(function() {
    $(this).css('background-color', '#bbb');
});

デモ: http://jsfiddle.net/pMWAw/

注: David Thomas が指摘したように、 usingは最初に一致した TD だけeq()を除外します。

于 2012-11-06T14:33:55.293 に答える
1
function looper(){
  var col = 5; // the column you want to look at 
  var rows = $('#yourtable tr');

  for(var i=1;i<rows.length;i++){
    var row = rows[i];
    var column = row.children('td')[col];
    // do whatever
  }
}
于 2012-11-06T14:37:08.983 に答える
0
$('#tableId #td1').children().each(function(index)
{
  if ( index != 0 )
  {
    console.log($(this).html());
  }
});​
于 2012-11-06T14:37:07.000 に答える