Найти соответствующий ТД второй для объединенных столбцов первой строки

Question

У меня есть структура таблицы, как

<table> 
    <thead> 
     <tr> 
      <td id='td1' rowspan="2"></td> 
      <td id='td2' rowspan="2"></td> 
      <td id='td3' rowspan="2"></td> 
      <td id='td4' colspan="2"></td> 
      <td id='td5' colspan="2"></td> 
      <td id='td6' rowspan="2"></td> 
      <td id='td7' rowspan="2"></td> 
      <td id='td8' colspan="4"></td> 
     </tr> 
     <tr> 
      <td id='td9'></td> 
      <td id='td10'></td> 
      <td id='td11'></td> 
      <td id='td12'></td> 
      <td id='td13'></td> 
      <td id='td14'></td> 
      <td id='td15'></td> 
      <td id='td16'></td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td ></td> 
      <td ></td> 
      <td ></td> 
      <td ></td> 
      <td ></td> 
      <td ></td> 
      <td ></td> 
      <td ></td> 
      <td ></td> 
      <td ></td> 
      <td ></td> 
      <td ></td> 
      <td ></td> 
      <td ></td> 
      <td ></td> 
      <td ></td> 
     </tr> 
    </tbody> 
</table> 

мне нужно найти из THEAD второго ряда все тд, соответствующий первой строка тда, которые были натянутым с colpan ,

Я пытался найти childslength и попробовал некоторую формулу для расчета такой же, но не работает

Answer 1

Что вам нужно что-то вроде этого:

Я использовал индекс элементов, а не их ID, так вы можете изменить их на все, что захотите.

$("tr:eq(0) td[colspan]").click(function(){ 
    var myIndex = $(this).index(); 
    var myColspan = parseInt($(this).attr('colspan')); 
    var startingFrom = 0; 
    var previous = $("tr:eq(0) td:lt(" + myIndex + ")[colspan]").each(function(){ 
     startingFrom += parseInt($(this).attr('colspan')); 
    }); 
    // This is the list of results. 
    var elements = $("tr:eq(1) td").slice(startingFrom, startingFrom + myColspan); 
    // Just for checking 
    elements.each(function(){ 
     alert($(this).attr('id')); 
    }); 


}); 

Я просто привязал функциональность к событию 'click' для демонстрационной цели.

Отъезд мой Fiddle для живой демонстрации: http://jsfiddle.net/augusto1982/K3pA2/

Ссылка:

• Используя селектор экв: http://api.jquery.com/eq-selector/

• Используя переключатель лт: http://api.jquery.com/lt-selector/

• Использование каждой функции: http://api.jquery.com/each/

• Использование функции среза: http://api.jquery.com/slice/

• Fiddle на использовании селекторов и сопоставления атрибутов: http://jsfiddle.net/augusto1982/hafvf/