如何從javascript div中刪除最早的行

Question

我正在使用append將行添加到javascript的div元素中：

myDiv.append("sometext <br>");

說了20行之后，我想刪除最早的行，並在我添加新行以防止它變大的同時繼續刪除行。 有什么簡單的方法可以做到這一點？

謝謝。

Answer 1

由於您使用“追加”，因此我假設您使用的是JQuery，而不是純JavaScript。 在這種情況下，我會寫類似：

myDiv.find(':first-child').remove();

Answer 2

最簡單的方法是將文本添加到列表中，以計算總數並刪除第一個。 但是，如果只想處理純文本，則可以執行以下操作 。

 $("button").click(function(){ var myDiv = $("div ul"); var text = "<li>sometext " + Math.random(2) + " </li>"; myDiv.append(text); if ($("div ul li").size() > 5){ myDiv.find(':first-child').remove(); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <button>Add</button> <div> <ul> </ul> </div> 

Answer 3

如果您使用jQuery，也許可以嘗試以下方法：

myDiv.empty();