javascript - How to optimize the below jQuery code?

Question

    $('#addmore').click(function() {
        var row = $('.crossref:last').clone();
        $('.crossref:last').after(row);
    });

Above code is used to clone some HTML & paste the cloned HTML right after the last cloned row. I have a lot of addmore buttons with the same functionality. I'm really concerned with this code snippet.

I'm wondering is there a way to optimize this code?

Answer 1

您可以将clone()and after()in 合并为一行，这也将删除重复的.crossref:last选择器之一：

$('#addmore').click(function() {
    $('.crossref:last').after(function() { $(this).clone(); });
});

Answer 2

甚至更好

$('#addmore').click(function() {
    var lastEl = $('.crossref:last');
    lastEl.after(lastEl.clone());
});