jQuery, как внедрить новый элемент сразу после каждого элемента выбора?

Question

Я новичок в jQuery, извините за вопрос.Мне нужно добавить новый элемент <div> после каждого элемента, который имеет класс .translatable, только когда страница загружается и только на один раз:

$(document).ready(function(){

   // Something like this would be perfect
   $(".translatable").appendRighAfter("<div></div>");

});

Я знаю, что должен использовать append(), ноУ меня нет родительского контейнера для добавления.Спасибо.

Answer 1

Вы можете использовать функцию after -

$(document).ready(function(){

   // Something like this would be perfect
   $(".translatable").after("<div></div>");

});

http://api.jquery.com/after/

Answer 2

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

$(document).ready(function(){

   // Something like this would be perfect
   $(".translatable").after("<div></div>");

});

Answer 3

Вы хотите insertAfter:

$(document).ready(function(){
   $("<div />").insertAfter(".translatable");
});

или after:

$(document).ready(function(){
   $(".translatable").after("<div />");
});

Answer 4

Используйте jQuery's after():

$(document).ready(function(){
    $('.translatable').after('</div>');
});

Вот рабочая скрипка .

Answer 5

Использование after().

Вы можете передать строку для вставки после вашего выбора, а также объект jQuery.

Если вы хотите вставить перед использованием .before().