Append элемент после последнего DIV

<div class="follower-list"> 
       <?php if (!$publications) { ?> 
       Henüz paylaşılan bir yayın bulunmamaktadır. 
       <?php } else { 
         for ($i = 0; $i < count($publications); $i++) {   
       ?> 
          <div class="media"> 
          <div class="media-body"> 
           <div class="col-sm-11"> 
            <i class="fa fa-file-text"></i> <?=$publications[$i]["content"]?> 
           </div> 
           <div class="col-sm-1"> 
            <button class="btn btn-default" onclick="$.delete_publication('<?=$publications[$i]["id"]?>')">Kaldır</button> 
           </div> 
          </div> 
          </div> 
        <?php } 
        } ?> 

       <div class="mb20"></div> 

       <button class="btn btn-primary" id="add_new_publication">Yeni Yayın Ekle</button> 

       <div class="input-group" id="div_publications" style="display: none;"> 
       <input class="form-control" type="text" id="input_publication" name="publication" placeholder="Yayın Adı"> 
       <span class="input-group-btn"> 
        <button type="button" class="btn btn-success" onclick="$.save_new_publication(<?=$USER_ID?>);">Kaydet</button> 
        <button type="button" class="btn btn-danger" onclick="$.cancel_new_publication();">İptal</button> 
        </span> 
      </div> 


      </div><!--follower-list -->

добавить некоторый текст динамически, но я хочу, чтобы добавить после последних медиа классаAppend элемент после последнего DIV

вот мои ЯШИ:

$(".media").append('<div class="media"><div class="media-body"><div class="col-sm-11"><i class="fa fa-file-text"></i> ' + response.content + '</div><div class="col-sm-1"><button class="btn btn-default" onclick="$.delete_publication(' + response.id + ')">Kaldır</button></div></div></div>');

Append работа, но это добавить DIV после всех div, который имеет класс media. Но я хочу добавить последние media.

источник

2015-11-05 Dauezevy

Применение last()

$(".media").last().append('<div class="media"><div class="media-body"><div class="col-sm-11"><i class="fa fa-file-text"></i> ' + response.content + '</div><div class="col-sm-1"><button class="btn btn-default" onclick="$.delete_publication(' + response.id + ')">Kaldır</button></div></div></div>');

или :last

$(".media:last").append('<div class="media"><div class="media-body"><div class="col-sm-11"><i class="fa fa-file-text"></i> ' + response.content + '</div><div class="col-sm-1"><button class="btn btn-default" onclick="$.delete_publication(' + response.id + ')">Kaldır</button></div></div></div>');

источник

2015-11-05 06:58:46

Используйте :last селектор

$(".media:last").append();

источник

2015-11-05 06:57:49

Try this 
$(".media:last").append('<div class="media"><div class="media-body"><div class="col-sm-11"><i class="fa fa-file-text"></i> ' + response.content + '</div><div class="col-sm-1"><button class="btn btn-default" onclick="$.delete_publication(' + response.id + ')">Kaldır</button></div></div></div>');

источник

2015-11-05 06:58:36

Append элемент после последнего DIV

ответ

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