Как я могу объединить «this» и дополнительный селектор строк, используя jquery?

Question

Как я могу объединить «this» и дополнительный селектор строк, используя jquery?

0

У меня есть следующий код:

            $("table.altRow tr:visible").each(function (index) {
                if (index % 2) {
                    $(this).addClass("oddColor");
                } else {
                    $(this).addClass("evenColor");
                }
            });

но теперь мне нужно запустить этот код для некоторых таблиц отдельно в цикле (вы можете игнорировать, почему я делаю это для этого вопроса, поскольку мой вопрос больше связан с синтаксисом). Поэтому я хочу иметь что-то вроде этого:

      $("table.altRow").each(function () {
            $(this + " tr:visible").each(function (index) {
                if (index % 2) {
                    $(this).addClass("oddColor");
                } else {
                    $(this).addClass("evenColor");
                }
            });
      });

проблема с приведенным выше кодом - это строка:

   $(this + " tr:visible")

Я пытаюсь понять, как написать select, который представляет эту таблицу в цикле, но конкатенация "tr: visible" после него. Какой правильный синтаксис для этого?

leora 05 янв. 2014, в 17:29

Источник

1

«this» - это ссылка на объект, который вы объединяете со строкой. вы можете использовать «this» как контекст, в котором вы хотите получить доступ к «tr: visible». в этом случае синтаксис должен быть $ («tr: visible», this);
nur 05 янв. 2014, в 15:50
0

почему отрицание?
leora 05 янв. 2014, в 16:44
0

Я понятия не имею, кто это проголосовал.
nur 05 янв. 2014, в 16:56

Показать ещё 1 комментарий

Теги:

javascript

jquery

concatenation

selector

2 ответа

0

Вы должны использовать CSS для применения стиля строк вместо синтаксического анализа JQuery

tr:nth-child(even) {
    background-color: #000000;
}

tr:nth-child(odd) {
    background-color: #FF0000;
}

sdespont 05 янв. 2014, в 14:43

0

вышеупомянутый css (nth-child) не работает на IE8 и ниже
leora 05 янв. 2014, в 15:57
0

А поскольку jQuery включает в себя фильтр :visible , он не будет работать правильно, если некоторые элементы не видны.
adeneo 05 янв. 2014, в 16:07

Ещё вопросы

«this» - это ссылка на объект, который вы объединяете со строкой. вы можете использовать «this» как контекст, в котором вы хотите получить доступ к «tr: visible». в этом случае синтаксис должен быть $ («tr: visible», this);
Я понятия не имею, кто это проголосовал.
вышеупомянутый css (nth-child) не работает на IE8 и ниже
А поскольку jQuery включает в себя фильтр :visible , он не будет работать правильно, если некоторые элементы не видны.

adeneo · Accepted Answer · 2014-01-05T13-02-00.000Z

изменение

$(this + " tr:visible")

в

$("tr:visible", this)

используя контекст, или просто

$(this).find("tr:visible")