Jquery ajoute et supprime dynamiquement des éléments de nœud de page, exemple de code_jquery

Habituellement, nous sélectionnons une certaine condition, puis l'ajoutons, puis l'exécutons après avoir accumulé plusieurs conditions.

Sans plus attendre, passons directement au code !

Copier le code Le code est le suivant :

;
.container{ width:1000px; margin:0 auto;}
.top{ height:25px;}
.top select{ width:80px height:22px; -hauteur : 22 px;}
.top input{ width:56px; height:22px;}
.add{ line-height:30px;}
li{ list-style:none;}
span{cursor :pointer;}

<script> <br>$(function(){//Une fois la page chargée, exécutez <br>$("input"). click(function() {//Ajouter une opération<br>var getval=$("select").val();//Obtenir la valeur de sélection actuellement sélectionnée<br>$("p").before('< li>' getval ' <span> live("click",function(){//Les gestionnaires d'événements attachés via la méthode live() s'appliquent aux éléments actuels et futurs correspondant au sélecteur (tels que les nouveaux éléments créés par des scripts) <br>$(this). parent().remove();//Supprimer l'élément parent de l'élément actuellement cliqué <br>}); <br></script>

un
Je suis le numéro deux
Je suis le numéro trois

Je suis le numéro cinq

;

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn