jQuery insert после последнего элемента

Я хочу добавить элементы после последнего. Мой текущий кодjQuery insert после последнего элемента

<div class="find"><div id="FirstElement"> /*First element loaded first */ </div><div> 

$('#AddNextElement' + id).click(function (e) { 
$('<div id="NextElement' + id +'">' + /*Add after the last element*/ + '</div>').insertAfter($("#FirstElement"));

}

тока это только добавляет его после первого элемента:

Я хочу, чтобы добавить после последнего элемента каждый раз:

Я следовал этим ссылкам, а я не нашел то, что я ищу:

jQuery insertAfter last item

insertAfter specific element based on ID

jQuery: Add element after another element

Заранее благодарен !.

Как я установил его:..

$('#AddNextElement' + id).click(function (e) { 
$('<div id="NextElement"' + id +'>' + /*Add after the last element*/ + '</div>').insertAfter($("#FirstElement").parent().find('.Finder').last());

}

Я нашел .parent() найти ('найти') последнее(); затем вставить после последнего

источник

2014-11-19 Norris

Почему вы не можете просто использовать [ '.append()'] (http://api.jquery.com/append/)? – Satpal

поделитесь своим html слишком –

'.append()' выполнит вашу работу –

Просто вам нужно last() метод

$('<div id="NextElement"' + id +'>' + /*Add after the last element*/ + '</div>') 
.insertAfter($('[id^="NextElement"]').last());

источник

2014-11-19 08:03:25

Я попытался добавить .last(), и я все равно получаю тот же результат! – Norris

Вы использовали [id^= ...? –

Вы были правы относительно .last() ... Мне нужно, чтобы родитель нашел последний. Спасибо – Norris

Найти последний элемент в DOM, в вашем случае это будет «NextElementxx», а затем использовать «после»:

$('#NextElement2').after(..new stuff..);

источник

2014-11-19 08:05:27

Как насчет добавления класса ко всем элементам? Это будет легче найти последнее:

$('.element-class:last').after('<div class="element-class" id="NextElement"' + id +'>' + /*Add after the last element*/ + '</div>');

Это, конечно, означает, что ваш первый элемент должен также иметь класс:

<div class="element-class" id="FirstElement"> /*First element loaded first */ </div>

источник

2014-11-19 08:10:10

один способ для хранения последнего элемента.

<div id="FirstElement"> /*First element loaded first */ </div> 

var lastElement = $('#FirstElement'); 

$('#AddNextElement' + id).click(function (e) { 
    var element = $('<div id="NextElement"' + id +'>' + /*Add after the last element*/ + '</div>')); 
    element.insertAfter(lastElement); 
    lastElement = element; 
}

источник

2014-11-19 08:10:26

HTML:

<div id="FirstElement"> First element loaded first </div> 

<div id="AddNextElement">Click me</div>

JS:

var current = 0; 
$('#AddNextElement').click(function (e) { 
    var $el = (current == 0) ? $("#FirstElement") : $("#NextElement"+current); 
    current++; 
    $('<div id="NextElement' + current +'">Other element '+current+'</div>').insertAfter($el); 
});

Попробуйте себя на jsfiddle

источник

2014-11-19 08:16:29 Frogmouth

Вы можете попробовать ниже код, он будет добавлен новый DIV после последнего «NextElement "div

JS код:

$(function(){ 
    $('#AddNextElementButton').on("click", function (e) { 
     var id = $("[id^='NextElement']").length ? $("[id^='NextElement']").length+1 : 1; 

     if($("[id^='NextElement']").length){ 
      $('<div id="NextElement'+ id +'">Add after the last element</div>').insertAfter($('[id^="NextElement"]').last()); 
     } else { 
      $('<div id="NextElement'+ id +'">Add after the last element</div>').insertAfter($('#FirstElement')); 
     } 
    }); 
});

источник

2014-11-19 08:53:50

jQuery insert после последнего элемента

ответ

Смежные вопросы