Question

我想知道如何使用jQuery或Javascript在另一个元素之后添加HTML元素

例如，

从这个

Random RandomGenerator = new Random();

Scanner sc = new Scanner(System.in);

int simulation = 0;

System.out.println("Veuillez entrer le nombre de poissons carnivores:");
nbre_c = sc.nextInt();
System.out.println("Veuillez entrer le nombre de poissons herbivores:");
nbre_h = sc.nextInt();
System.out.println("Veuillez entrer le nombre d'algues:");
nbre_a = sc.nextInt();

sc.close();


ArrayList<Herbivor> list_h = new ArrayList<Herbivor>();
ArrayList<Carnivor> list_c = new ArrayList<Carnivor>();
ArrayList<Algue> list_a = new ArrayList<Algue>();

while(simulation<100)
{
    System.out.println("Début de la simulation: ");
    int nb = nbre_c;
    for(int i = 0; i<nb;i++) // Issue #`1` 
    {
        Carnivor c = new Carnivor();
        list_c.add(c);
    }

    nb = nbre_h;
    for(int i = 0; i<nb;i++) // Creation des Poissons Herbivores
    {
        Herbivor h = new Herbivor();
        list_h.add(h);
    }

    nb = nbre_a;
    for(int i = 0; i<nb;i++) // Creation des Algues
    {
        Algue a = new Algue();
        list_a.add(a);
    }
}

到这个

<ul>
<li> .... </li>
<li> .... </li>
<li> .... </li>
</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>

如何使用jQuery或Javascript添加元素

1 个答案: