Maison > interface Web > js tutoriel > le corps du texte

jQuery implémente la suppression dynamique du partage d'instance LI

小云云
Libérer: 2018-01-10 11:24:24
original
1334 Les gens l'ont consulté

Cet article présente principalement la méthode de suppression dynamique de LI de jQuery et analyse les techniques d'implémentation de jQuery pour le fonctionnement dynamique des éléments de page sous forme d'exemples. J'espère que cela pourra aider tout le monde.

Nous connaissons parfois l'identifiant de UL, mais il est misérable de trouver le LI pour l'effacer. Voici quelques méthodes pour référence. Définir l'ID de Li est une bonne méthode, mais ne le définissez pas sur un. ID, alors la suppression supprimera uniquement le premier

Vous pouvez utiliser


$("#ul li").not(":first").remove();
Copier après la connexion

. li.

Ce que j'utilise ici :


$(document).ready(function(){
   $("#search_content").keyup(function () {
    if(CheckChinese($("#search_content").val()))
    {
     $.ajax({
      type: "POST",
      anync: true,
      url: "HelpCenterSuggestion.ashx",
      cache: false,
      dataType: "text",
      data: { m: $("#search_content").val() },
      success: function (result) {
       alert(result);
       $("#UlContent li").remove();
       $("#UlContent").append(result);
      }
     });
    }
  });
Copier après la connexion

Il existe de nombreuses méthodes, vous pouvez également utiliser :

1. N'utilisez pas


$("ul>li").not(":eq(0)").remove();
Copier après la connexion

ou


$("ul>li").not(":first").remove();
Copier après la connexion

2. Utilisez le filtre

$("ul>li").filter(function(index){
return index!=0;
}).remove();
Copier après la connexion

Recommandations connexes :

Explication détaillée de la façon de supprimer et de supprimer rapidement et dynamiquement les codes d'éléments dom en javascript

Comment supprimer dynamiquement javascript function_javascript tips

Méthode JS pour supprimer dynamiquement les lignes spécifiées d'une table_javascript skills

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal