Нацельте первое и второе появление Div на странице, используя Jquery

Question

Привет. Я пытаюсь настроить таргетинг на первое и второе вхождение класса div на странице, у меня есть следующее, но это не работает?

  var first = ($("#area").find(".cArea")[0]);
  var second = ($("aArea").find(".cArea")[1]);

Есть идеи?

Answer 1

Для этого можно использовать селектор :lt(). Он выбирает элементы в коллекции, индекс которых ниже предоставленного значения.

var $firstAndSecond = $('#area .cArea:lt(2)');

Answer 2

Вы можете использовать селектор :eq(index) для непосредственного получения первого и второго.

var first = ($("#area").find(".cArea:eq(0)"));
var second = ($("aArea").find(".cArea:eq(1)"));

Answer 3

Также вы можете использовать : nth-child () селектор для выбора n '-ого элемента:

var first = $("#area").find(".cArea:nth-child(1)");
var second = $("aArea").find(".cArea:nth-child(2)");

Примечание: nth-child выборначинается с 1 . Поэтому для первого div вам нужно добавить :nth-child(1)