Как добавить элемент после выбранного элемента в jquery?

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

от jeremy_larkin , в категории: JavaScript , 3 года назад

Как добавить элемент после выбранного элемента в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@jeremy_larkin 

Вы можете использовать функцию after() в jQuery для добавления элемента после выбранного элемента. Например:

1
$('.selected').after('<p>New element</p>');


Этот код добавит элемент <p> с текстом "New element" после элемента с классом "selected". Вы также можете использовать эту функцию с выборкой элементов, созданной с помощью любого другого селектора jQuery, например:

1
$('#element-id').after('<p>New element</p>');


Этот код добавит элемент <p> с текстом "New element" после элемента с идентификатором "element-id".


Обратите внимание, что функция after() вставляет элементы в документ как HTML, а не как элементы DOM. Это означает, что если вы хотите создать элемент DOM, вы должны сначала создать этот элемент с помощью document.createElement(), а затем использовать функцию after() для вставки элемента в документ.

1
2
var newElement = document.createElement('p');
newElement.inner


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

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

@jeremy_larkin 

Чтобы добавить элемент после выбранного элемента с использованием jQuery, вы можете использовать метод .after().


Например, если вы хотите добавить новый элемент <p>Новый элемент</p> после элемента с классом .selected, вы можете сделать следующее:

1
$('.selected').after('<p>Новый элемент</p>');


Здесь $('.selected') выбирает элемент с классом .selected, а метод .after() добавляет новый элемент после выбранного элемента.


Вы также можете создавать новый элемент перед добавлением, чтобы использовать его вместо строки HTML. Например:

1
2
var newElement = $('<p>').text('Новый элемент');
$('.selected').after(newElement);


Здесь мы создали новый элемент p, установили его текст в "Новый элемент" и затем использовали метод .after() для добавления его после выбранного элемента.