jQuery .append outside tag

Question

Tôi hoàn toàn mới đối với jQuery. Thành thật mà nói, đó là vài ngày đầu tiên của tôi.

Và có câu hỏi đầu tiên của tôi.

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

Kết quả là tôi có điều này

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

gì tôi cần phải làm trong jQuery để .clx tôi sẽ xuất hiện sau đó. như thế này

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

Cảm ơn bạn rất nhiều trước.

Answer 1

Bạn sẽ có thể làm điều này bằng after() thay vì append()

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

Answer 2

Nếu bạn muốn div sau tiêu đề, không thêm nó, sử dụng các phương pháp after:

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

Answer 3

Sử dụng số after method, như sau:

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