jQuery：同じインデックスの兄弟行の列にクラスを追加

Question

numberを含む列を検索し、それらにクラスを追加し、空の列を見つける前に次の列に追加する関数を作成しました。私はまた、下の列（次の行が同じインデックスの列）にクラスを追加したいが、私はそれを解決することはできません。私は.parent（）メソッドを試してみたが、私はこだわっていると私は正直にやっているのか分からない...ここに私のコード

$("table tbody tr td").each(function() { 
    var num = $(this).text(); 
    if ($.isNumeric(num)) { 
     $(this).addClass('word-' + num).nextUntil('td:empty').addClass('column-' + num); 
    } 
    }); 

だとここで私がしたいものを表示する画像ですdo（赤いフィールド）。

私の英語のために申し訳ありません。

Answer 1

あなたif声明の中で、あなたはの線に沿って何か追加することができます：あなたは言葉は（取り付けられた2つのクラスを持って交差するスタイルにしたい場合は

JS Fiddle

var indexed = $(this).index() + 1; // Get column number 
var row = $('tr').has(this); // Current row 
row.nextAll('tr').each(function(e) { 
    var cell = $(this).find('td:nth-child(' + indexed + ')'); 

    if(cell.text().length) { 
     cell.addClass('word-' + num); 
    } else { 
     return false; // End loop if word is finished 
    } 

}); 

ボーナス

は、 "word-"で始まる場合は、次のようにすることができます：

/* Intersection */ 
[class^='word-'][class*=' word-'] { 
    font-weight: bold; 
    background: grey; 
    color: white; 
} 

Answer 2

グレートは、それは私が望んで私は、「垂直」属性を追加したい:)

$("td").each(function() { 
    var num = $(this).text(); 
    if ($.isNumeric(num)) { 
     $(this).addClass('word-' + num).nextUntil('td:empty').addClass('word-' + num); 
     var indexed = $(this).index() + 1; 
     var row = $('tr').has(this); 
     row.nextAll('tr').each(function() { 
     var cell = $(this).find('td:nth-child(' + indexed + ')'); 
     if (cell.text().length) { 
      if (cell.find("[class*=word-]")) { 
      cell.attr('vertical', 'word-' + num); 
      cell.addClass('word-' + num); 
      } else { 
      cell.addClass('word-' + num); 
      } 
     } else { 
      return false; 
     } 
     }); 
    } 
    }); 

だ、すでに水平クラスを持つ列に、私はそれが良いか間違っているのでしょうか？