如何用jQuery或Javascript

Question

添加元素，我想知道如何將其他元素

例如， 從這個

<ul> 
<li> .... </li> 
<li> .... </li> 
<li> .... </li> 
</ul> 

之後添加與jQuery或JavaScript的HTML元素，這個

<ul> 
<li> .... </li> 
<div>..</div> 
<li> .... </li> 
<div>..</div> 
<li> .... </li> 
<div>..</div> 
</ul> 

Answer 1

您不能將div作爲UL的子項追加，因此您不能將div元素添加到li。瀏覽器會盡可能「修復」壞的HTML，而不是每個瀏覽器都會做同樣的事情。

如果附加並且li作爲孩子有一個div它將正常工作。

$("li").after("<li><div>New</div></li>");

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