Jquery insertAfter () правильный синтаксис для селекторов

Question

У меня есть div

<div id="imgDIV"><h4>My Debug DIV</h4></div>

, и я хочу вставить отладочное сообщение вверху div, но после первого h4 таким образом я получаю свои последние сообщения наtop.

$('My Debug Messages').insertAfter(the first `h4` of the DIV);

, но не могу получить правильный синтаксис для ссылки на h4.

Я дал h4 идентификатор, который работает, но хотел бы знать,правильный синтаксис для указания первого h4 в div.

Answer 1

Используемый селектор:

.insertAfter('#imgDIV h4:first-child')

Если вы хотите вставить строку простого текста, вы не можете $() один текст, так как jQuery будет рассматривать его как селектор; вам нужно будет обернуть текст в элемент HTML, а затем добавить его. Например, p:

$('<p>My Debug Messages</p>').insertAfter('#imgDIV h4:first-child')

Что приводит к:

<div id="imgDIV"><h4>My Debug DIV</h4><p>My Debug Messages</p></div>

Answer 2

Это

$( '#imgDIV' ).children( 'h4:first' ).after( 'Your message' );