Исключить вложенные таблицы из чередования таблиц с помощью jQuery

Question

Я пытаюсь исключить вложенные таблицы из чередования таблиц (делая каждую строку другим цветом bg). Вот мой код для разбивки таблицы:

$(".stripeTable tbody tr:odd").addClass("stripe");

У меня такой вопрос, как предотвратить нечетные строки вложенной таблицы для получения класса "stripe"?

Вот сгенерированный код из браузера, я хочу удалить class = "stripe" из вложенной таблицы.

   <table>
      <tr>
        <td>My Table Cell </td>
      </tr>
      <tr class="stripe">
        <td>
          <table>
            <tr>
              <td>My nested table cell</td>
            </tr>
            <tr class="stripe">
              <td>my nested table cell (remove the stripe!)</td>
            </tr>
          </table>
        </td>
      </tr>
    </table>

Answer 1

Если только у таблицы верхнего уровня есть класс stripeTable, просто добавьте несколько дочерних селекторов >:

$(".stripeTable > tbody > tr:odd").addClass("stripe");

Если у вложенных таблиц также есть класс stripeTable, вы можетенеобходимо привязать .stripeTable к другому родительскому элементу с другим дочерним селектором:

$(".parent > .stripeTable > tbody > tr:odd").addClass("stripe");