jquery css с контейнером объектов

Question

У меня проблема с

$pagContainer = $(sets.lists.container); // container: 'cart'
$bg = $($pagContainer + " li").css("background", "#FFFFFF");
$bg1 = $($pagContainer + " li:nth-child(2n)").css("background", "#767676");

Я не знаю, нужно ли ставить "#" перед $ pagContainer, например:

$pagContainer = $(sets.lists.container); // container: 'cart'
$bg = $("#" + $pagContainer + " li").css("background", "#FFFFFF");

или что-то в этом роде.

кто может мне помочь с этим вопросом?

Спасибо

Answer 1

Вы будете использовать '#', если $pagContainer - это идентификатор элемента, например:

<div id='container_id'>
  <ul>
    <li> ... </li>
    <li> ... </li>
  </ul>
</div>

если значение $pagContainer равно 'container_id', то селектор результата будет $('#container_id li'). Если вы пытались изменить фон элементов списка, ваш синтаксис правильный, если вы пытаетесь изменить фон элемента div, просто отбросьте последний 'li'.

, если $pagContainer является классом, используйте '.' вместо '#'

Answer 2

Если sets.lists.container содержит ссылку на элемент DOM или селектор в форме #my_id, то $pagContainer уже будет объектом jQuery и не может использоваться в качестве селектора.В этом случае вы можете использовать .find:

$pagContainer.find("li")
$pagContainer.find("li:nth-child(2n)")