Heim > Artikel > Web-Frontend > Jquery fügt Seitenknotenelemente dynamisch hinzu und löscht sie. Beispielcode_jquery

Jquery fügt Seitenknotenelemente dynamisch hinzu und löscht sie. Beispielcode_jquery

WBOYOriginal: 2016-05-16 16:44:221128Durchsuche

Normalerweise wählen wir eine bestimmte Bedingung aus, fügen sie dann hinzu und führen sie dann aus, nachdem wir mehrere Bedingungen gesammelt haben.

Kommen wir ohne weitere Umschweife direkt zum Code!

Code kopieren Der Code lautet wie folgt:

Jquery fügt dynamisch Seitenknoten hinzu src= "http://code.jquery.com/jquery-1.8.3.min.js"> ;
.container{ width:1000px; margin:0 auto;}
.top{ height:25px; line-height:25px;}
.top select{ width:80px; -height: 22px;}
.top input{ width:56px; height:22px;}
.add{ line-height:30px;}
li{ list-style:none;}
span{cursor :pointer;}

<script> Nachdem die Seite geladen wurde, führen Sie <br>$("input") aus. click(function() {//Operation hinzufügen<br>var getval=$("select").val();//Den aktuell ausgewählten Auswahlwert abrufen<br>$("p").before('< li>' getval ' <span> live("click",function(){//Über die live()-Methode angehängte Ereignishandler gelten für aktuelle und zukünftige Elemente, die mit dem Selektor übereinstimmen (z. B. neue Elemente, die durch Skripte erstellt wurden) <br>$(this).parent().remove();//Entferne das übergeordnete Element des aktuell angeklickten Elements <br></script>