2014-01-27 4 views
1

Я пытаюсь извлечь значения td, принадлежащие td rowspan.Как получить значения строк Rowspan с помощью JS или jQuery

<!DOCTYPE html> 
<html> 
<body> 
<table border="1"> 
    <tr> 
     <th>Month</th> 
     <th>Expenses</th> 
     <th>Exp/ Divided</th> 
    </tr> 
    <tr> 
     <td rowspan="2">January</td> 
     <td rowspan="2">$100</td> 
     <td>$50</td> 
    </tr> 
    <tr> 
     <td>$50</td> 
    </tr> 
    <tr> 
     <td rowspan="3">February</td> 
     <td rowspan="3">$400</td> 
     <td>$150</td> 
    </tr> 
    <tr> 
     <td>$150</td> 
    </tr> 
    <tr> 
     <td>$100</td> 
     <tr></tr> 
</table> 
</body> 
</html> 

Так что, если я нажимаю января, например, я должен извлечь его разделить расходы: $ 50, $ 50

, если я нажму февраля я должен извлечь его разделить расходы: $ 150, $ 150, $ 100

+2

быть честным с вами, я программист plsql, и не знаю этого кода, я просто начинаю читать некоторые книги, но моя команда просит меня выполнить эту задачу с помощью JavaScript, но я добираюсь туда, пока я пока не могу попросить о помощи и узнать –

ответ

3

Попробуйте это,

$(function(){ 
    $('.rowspan').on('click',function(){ 
     $tr=$(this).closest('tr'); 
     rowspan=$(this).attr('rowspan'); 
     index=$('tr').index($tr); 
     tot=parseInt(index)+parseInt(rowspan); 
     for(var i=index,len=tot;i<len;i++){ 
      console.log($('tr:eq('+i+') td:last').text()); 
     } 
    }); 
}); 

Working Demo

+0

Там должно быть ini-library, которая «выравнивает» таблицу в 2D-список текстового содержимого или ссылки на элементы, который учитывает colspan и rowspan. – Abram

-1

С J запроса вы можете просто выбрать объекты, например, так:

$("td[rowspan='2']"); 

Для получения содержащих значения, было бы:

$("td[rowspan='2']").text(); 

Подробнее об этом: http://api.jquery.com/attribute-equals-selector/

+0

Вопрос заключается в том, как выбрать ячейки td, смежные с данной ячейкой, с помощью rowspan, а не как выбрать ячейку с атрибутом rowspan. – Abram

+0

Цитирующий вопрос: «Я пытаюсь извлечь значения td, принадлежащие td rowspan». Мой ответ является прямым ответом на вопрос, пожалуйста, удалите ваш downvote. –

Смежные вопросы