Maison  >  Article  >  interface Web  >  jQuery implémente la suppression dynamique du partage d'instance LI

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

小云云
小云云original
2018-01-10 11:24:241282parcourir

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();

. 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);
      }
     });
    }
  });

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

1. N'utilisez pas


$("ul>li").not(":eq(0)").remove();

ou


$("ul>li").not(":first").remove();

2. Utilisez le filtre

$("ul>li").filter(function(index){
return index!=0;
}).remove();

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!

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