jQuery .append outside tag

Question

Je suis complètement nouveau à jQuery. Pour être honnête, c'est mes premiers jours.

Et il y a ma première question. En conséquence j'ai ce

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

Que dois-je faire en sorte jQuery mon .clx apparaîtra après

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

. comme ça

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

Merci beaucoup d'avance.

Answer 1

Vous devriez être en mesure de le faire en utilisant after() au lieu de append()

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

Answer 2

Si vous voulez que le div après l'en-tête, ne rajoutez pas, utilisez la méthode after:

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

Answer 3

Utilisez le after method, comme ceci:

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