как добавить к sibling в jQuery?

#jquery #html

#jquery #HTML

Вопрос:

У меня есть этот код

 <div class="data">

<div class="another">
</div>
<!-- need to add element here -->

</div>
  

Я хочу добавить элемент, в который я помещаю комментарий, используя jQuery, как я могу добавить sibling другого с помощью jQuery

Ответ №1:

Если вы специально хотите вставить после another div элемента, попробуйте insertAfter:

 $('<div>Another 2</div>').insertAfter($('.another'));
  

В $('.another') части вы можете иным образом указать цель более точно.

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

1. Я предпочитаю это, .after() поскольку оно возвращает добавляемый вами элемент (а не тот, который вы добавляете к ) — очевидно, зависит от того, что вам нужно.

Ответ №2:

Я думаю, вы хотите использовать функцию .after():

 $('div.another').after('<div>');
  

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

1. В jQuery 1.12.1 это работает (но, как упоминалось ранее .insertAfter , нет)

Ответ №3:

попробуйте:

 $('div#data').append('your HTML');
  

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

1. Пока это будет работать в его конкретном примере. Это не сработает, если у него более одного внутреннего div и он хочет специально вставить новый элемент после одного из них.

2. Это даже не будет работать с этим конкретным примером. Селектор выбирает по идентификатору , в то время как внешний div имеет класс