jQuery добавляет к следующим дочерним элементам пройденного элемента

#javascript #jquery #dom

#javascript #jquery #dom

Вопрос:

Как мне получить только следующий элемент элемента, к которому я уже прошел, для добавления jQuery.

Для каждого .element-to-insert-into я хотел бы добавить следующие дочерние элементы этого элемента.

Приведенное ниже не работает. Я считаю, что я неправильно использую «это»:

 jQuery('.element-to-insert-into').prepend(jQuery(this).next('.parent-element').children('child-id-like-to-prepend'))
  

Комментарии:

1. Обратите внимание: если child-id-like-to-prepend это идентификатор, он должен быть записан с # первым: #child-id-like-to-prepend

2. извините за путаницу! в имени класса я написал идентификатор, как это было в предложении above…it предполагалось, что это будет I’d и в «я бы».

3. Понял, нет проблем 🙂

Ответ №1:

Вы могли бы использовать each цикл:

 jQuery('.element-to-insert-into').each(function(index, element) {
  var $current = $(element);
  $current.prepend($current.next('.parent-element').children('#child-id-like-to-prepend'));

  // as ids are meant to be unique, you could just prepend the targeted id:
  $current.prepend($('#child-id-like-to-prepend'));
});