etiqueta fuera de jQuery .Append

Question

estoy completamente nuevo para jQuery. Para ser honesto, son mis primeros días.

Y no es mi primera pregunta.

$(document).ready(function() { 
    $('span.head-span').parent().addClass('head-h').append('<div class="clx" />') 
}); 

Como resultado tengo unas pocas cosas

<h1 class="head-h"><span class="head-span">This is Some Heading</span><div class="clx"/></h1> 

¿Qué necesito hacer en jQuery por lo que aparecerá después de mi .clx. como esto

<h1 class="head-h"><span class="head-span">This is Some Heading</span></h1><div class="clx"/> 

Muchas gracias por adelantado.

Answer 1

Usted debe ser capaz de hacer esto utilizando after() en lugar de append()

$('span.head-span').parent().addClass('head-h').after('<div class="clx" />') 

Answer 2

Si desea que el div después de la cabecera, no añadirla, utilice el método after:

$('h1').after('<div class="clx" />'); 

Answer 3

Use el after method, así:

$('span.head-span').parent().addClass('head-h').after('<div class="clx" />')