communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Jquery ajoute et supprime dynamiquement des éléments de nœud de page, exemple de code_jquery

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

WBOY
Libérer： 2016-05-16 16:44:22
original
1167 Les gens l'ont consulté

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>






;

Étiquettes associées：
添加删除 页面节点
source：php.cn
Article précédent：Manipulation Javascript Exemple de balise OGNL Compétences code_javascript Article suivant：Utiliser JavaScript pour réaliser la version Web Idées de conception Pongo et compétences en partage de code source_javascript
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Déplacez le contenu vers la gauche en ajoutant la propriété Largeur J'ai prévu des marges au corps. main {gauche marge : 200px ; marge droite : 200px ; aligne...
Depuis 2024-04-06 22:01:35
0
3
816
La requête et la formule forment la table entière, avec de nouvelles colonnes, où les nouvelles colonnes sont des formules impliquant d'autres valeurs de colonnes conditionnelles. EDIT : La formule doit être la colonne "valeur" - la colonne "valeur" ...
Depuis 2024-04-06 21:23:40
0
2
530
Comment utiliser les composants Laravel avec des espaces réservés paresseux Livewire Je souhaite ajouter le squelette de mon composant Laravel dans un espace réservé livewire3...
Depuis 2024-04-06 20:02:10
0
2
543
Problèmes rencontrés lors de l'utilisation d'opentbs pour générer des fichiers odt : les valeurs d'une même clé sont affichées dans la même ligne au lieu de colonnes séparées. J'utilise une bibliothèque appelée OpenTbs pour créer odt en utilisant PHP, je l'utilise c...
Depuis 2024-04-06 20:18:18
0
1
483
En vue mobile, comment fermer cette barre de navigation lorsque l'utilisateur clique sur le lien ? Lorsque l'utilisateur clique sur un lien pour naviguer sur le site Internet, la barre de n...
Depuis 2024-04-06 19:23:03
0
1
411
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal