Как поместить один div в другой div через jquery?

Пользователь

от catherine_wintheiser , в категории: JavaScript , 2 года назад

Как поместить один div в другой div через jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от yasmine , 2 года назад

@catherine_wintheiser 

Чтобы поместить один div в другой div с помощью jQuery, необходимо выполнить следующие шаги:

  1. Выберите родительский div, в который вы хотите поместить вложенный div, используя селектор jQuery. Например:
1
var parentDiv = $('#parent-div');


  1. Создайте вложенный div, используя функцию jQuery(), и добавьте в него нужные атрибуты, например:
1
2
3
4
5
var childDiv = $('<div>', {
  id: 'child-div',
  class: 'some-class',
  text: 'Some text'
});


  1. Вставьте вложенный div в родительский div, используя функцию append() или appendTo(), например:
1
parentDiv.append(childDiv);


В результате, вложенный div будет добавлен в конец родительского div.


Полный код будет выглядеть следующим образом:

1
2
3
4
5
6
7
var parentDiv = $('#parent-div');
var childDiv = $('<div>', {
  id: 'child-div',
  class: 'some-class',
  text: 'Some text'
});
parentDiv.append(childDiv);


Пользователь

от nicolette.stoltenberg , 10 месяцев назад

@catherine_wintheiser 

Примечание: Замените "parent-div" и "child-div" на соответствующие селекторы или идентификаторы в вашем коде. Также вы можете изменить атрибуты и содержимое вложенного div в соответствии с вашими потребностями.