jQuery如何在選擇的每個元素之後注入一個新元素？

Question

我是jQuery的新手，很抱歉提出這個問題。我需要有.translatable類中的每個元素，只是在頁面加載，只是一個時間後添加一個新的<div>元素：

$(document).ready(function(){ 

    // Something like this would be perfect 
    $(".translatable").appendRighAfter("<div></div>"); 

}); 

我知道我應該使用append()，但我沒有父容器要追加到。謝謝。

Answer 1

您可以使用after功能 -

$(document).ready(function(){ 

    // Something like this would be perfect 
    $(".translatable").after("<div></div>"); 

}); 

http://api.jquery.com/after/

Answer 2

使用after()。

您可以傳遞一個字符串以便在選擇之後插入以及一個jQuery對象。

如果您想在使用前插入.before()。

Answer 3

使用jQuery的after()：

$(document).ready(function(){ 
    $('.translatable').after('</div>'); 
}); 

這裏的a working fiddle。

Answer 4

你想insertAfter：

$(document).ready(function(){ 
    $("<div />").insertAfter(".translatable"); 
}); 

或after：

$(document).ready(function(){ 
    $(".translatable").after("<div />"); 
}); 

Answer 5

使用jQuery after方法，其插入的內容，由所述參數指定的，在匹配的元素集合中的每個元素之後。

$(document).ready(function(){ 

    // Something like this would be perfect 
    $(".translatable").after("<div></div>"); 

});