jQuery : 동등한 인덱스의 형제 행 열에 클래스 추가

Question

숫자가 포함 된 열을 찾은 다음 빈 열을 찾기 전에 클래스를 추가하고 다음 열로 추가하는 기능을 만들었습니다. 또한 아래의 열 (다음 행이지만 같은 인덱스의 열)에 클래스를 추가하고 싶지만 해결할 수는 없습니다. 나는 .parent() 메소드를 시도했습니다하지만 난 붙어 그리고 난 내가 정직하게 뭘하는지 모르겠어요 ... 여기 내 코드

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

입니다 그리고 여기에 내가 원하는 것을 보여주는 이미지와 할 (빨간색 필드).

영어로 죄송합니다. 단어 (두 개의 클래스가 부착 된 교차하는 스타일을 원하는 경우

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 
    } 

}); 

보너스

: 당신의 if 문 내에서

Answer 1

, 당신의 라인을 따라 뭔가를 추가 할 수 있습니다 "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; 
     } 
     }); 
    } 
    }); 

이미 수평 클래스가 열을 "수직"속성을 추가 할

, 나는 그것이 좋거나 잘못하고하고 싶었던 무엇인가?