Поиск таблицы в таблице - JQuery - PullRequest
Новая
       19

Поиск таблицы в таблице - JQuery

1 голос
/ 17 января 2012

Я пытаюсь найти, используя JQuery, номер строки и столбца ячейки таблицы.Тем не менее, мои таблицы являются вложенными: 

<table>
    <tr>
        <td>
            <table><tr><TD></TD></tr></table>
        <td>
            <table>...</table>
    </tr>
    <tr>
    ...
</table>

Объект td, с которым JQuery должен работать, включен во внутренней таблице.Я отметил это прописными буквами в приведенном выше коде.

Я видел несколько примеров для отдельных таблиц - есть ли способ сделать это и для вложенных таблиц?

РЕДАКТИРОВАТЬ:

То есть я пытаюсь найти номер строки и столбца таблицы OUTSIDE, но объект, над которым выполняется действие, является элементом INSIDE td.

Ответы [ 2 ]

2 голосов
/ 17 января 2012

Проверьте эту скрипку: http://jsfiddle.net/pg4sj/

Код: 

$('table table td').click(function() { // change this to suit your selector
    var theTD = $(this).parents('table:first').parents('td:first');
    var col = theTD.index() + 1;
    var row = theTD.parents('tr:first').index() + 1;
    alert('[Row, Col] => ['+row+', '+col+']');
});
2 голосов
/ 17 января 2012

Это даст вам родительский td: 

$('#inner-td').parent().closest('td');

Примечание: с использованием только parent() не будет работать, так как это смотрит только на непосредственного родителя.Использование closest() само по себе также не будет работать, так как он вернет текущий td, потому что closest() ищет ближайший элемент, соответствующий переданному селектору, , включая текущий элемент .

...