爲什麼InsertAfter在這種情況下不起作用

Question

我正在顯示一個提示div，我也想在提示div的末尾顯示'updated at'消息。我正在嘗試這種方式：

var sampledata = [{ 
    "name": "John", 
    "tip": "BUY 111", 
    "time": "23-DEC" 
},{ 
    "name": "John", 
    "tip": "BUY 232", 
    "time": "23-DEC" 
}] 

$(function() { 
    $(".cl").html(""); // Clearing the HTML 
    for (var i = 0; i < sampledata.length; i++) { 
     var name = sampledata[i].name; 
     var tip = sampledata[i].tip; 
     var time = sampledata[i].time; 
     var html = ''; 

     html += '<a href="#" class="c1">\ 
       <div class="stoc5 mt1">\ 
        <div class="c1 fl wi80">\ 
         <span class="fl c2 f14 ti-s mt">' + time + '</span>\ 
         ' + tip + '\ 
        </div>\ 
        <div class="fr c2 f14 ti-s1 mt"></div>\ 
        <div class="cl"></div>\ 
       </div>\ 
      </a>'; 
     $(".cl").append(html); 
    } 

    var newhtml = '<div class="updated_attipes">23-DEC-2015</div>'; 
    $(".cl").insertAfter(newhtml); 
}); 

請你讓我知道如何顯示更新後的div div技巧？ https://jsfiddle.net/pL7xugg1/28/

Answer 1

的insertAfter()方法用於把一個選擇的元素層出不窮，這意味着你試圖把.cl元素後一個字符串，它是在內存 - 因此它不工作。

您只需使用after()方法將生成的HTML字符串放置在.cl元素之後。試試這個：

$(".cl").after(newhtml); 

或者您也可以繼續使用insertAfter方法，但交換選擇器和可變的順序：

$(newhtml).insertAfter(".cl"); 

Updated fiddle

Answer 2

試試這個，這對於正確的格式jQuery insertAfter（）

$(newhtml).insertAfter(".cl"); 

引用jQuery文檔inse rtAfter http://api.jquery.com/insertafter/

在html中有兩個元素".cl"類。檢查它是否可取。更新的小提琴在這裏https://jsfiddle.net/pL7xugg1/33/