JQuery CSS селектор для таблицы

Question

JQuery CSS селектор для таблицы

0

У меня есть следующая табличная разметка:

<table>
    <tr><td>foo</td><td class=marked>foo</td><td>foo</td></tr>
    <tr><td class=marked>foo</td><td class=marked>foo</td><td class=marked>foo</td></tr>
    <tr><td>foo</td><td>foo</td><td>foo</td></tr>
    <tr><td>foo</td><td>foo</td><td class=marked>foo</td></tr>
</table>

Некоторые клетки помечены классом marked - как я могу выбрать все строки, которые имеют клетки с классом marked? Я знаю, как выбрать все отмеченные ячейки, но мне нужны строки для селектора, чтобы их пропустить.

То, что я хочу достичь, это строка массива /JSON, которая содержит все данные всех строк с индексами ячеек отмеченных ячеек, которые выглядели бы примерно так:

rowdata[0] = [1];
rowdata[1] = [0,1,2];
rowdata[3] = [2];

Любые идеи, что это самый простой способ?

EDIT: Извините, была опечатка, я имел в виду класс "marked"

Fuxi 26 сен. 2013, в 13:03

Источник

Теги:

jquery

css

html-table

indexing

2 ответа

Ещё вопросы

Rohan Kumar · Answer 1 · 2013-09-26T09-50-00.000Z

Попробуйте

var rowdata=[];

$('tr').each(function(){
   $td=$(this).find('td');
   arr=[];
   $td.each(function(index,value){
       if($(this).hasClass('marked'))
          arr.push(index);
   });
   rowdata.push(arr);
});

скрипка

A. Wolff · Answer 2 · 2013-09-26T08-11-00.000Z

var rowdata = [];
$('table tr').each(function () {
    rowdata.push($(this).find('.marked').map(function () {
        return $(this).index();
    }).get());
});

DEMO

Этот ответ находится в некачественной очереди. Пожалуйста, объясните ваш код.