Maison > interface Web > js tutoriel > jquery supprime l'exemple de code d'élément enfant spécifié

jquery supprime l'exemple de code d'élément enfant spécifié

韦小宝
Libérer: 2017-11-28 10:05:27
original
1256 Les gens l'ont consulté

jQuerySupprimer un exemple de code de sous-élément spécifié Ce chapitre présente comment utiliser jQuery pour supprimer un sous-élément spécifié. Apprenons comment. Utilisez jQuery pour supprimer les éléments enfants spécifiés !

Comment utiliser le javascript natif pour implémenter cette fonction peut être trouvé dans le chapitre sur le javascript natif supprimant des exemples de code d'élément enfant spécifié.
En fait, il existe de nombreuses façons d'implémenter cette fonction. Ce qui suit est une introduction à l'une des plus courantes.
L'exemple de code est le suivant :

<!DOCTYPE HTML>
<html>
<meta charset="utf-8">
<title>PHP中文网</title>
<style>
ul li{
  width:400px;
  height:30px;
  line-height:30px;
  list-style:none;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
  $("#bt").click(function(){
    $($("#box").find("li")[1].remove());
  })
})
</script>
</head>
<body>
<ul id="box">
  <li>程序员之家欢迎您,只有努力奋斗才会有美好的明天。</li>
  <li>没有任何人一开始就是高手,必须要努力奋斗才行。</li>
  <li>每一天都是新的,要好好的珍惜时间。</li>
</ul>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
Copier après la connexion

Le code ci-dessus répond à nos exigences et est relativement simple et ne le fera pas être présenté ici, pour plus d'informations, veuillez vous référer aux lectures associées.

Lecture connexe :

Comment jQuery fonctionne sur le Nième élément

Code source de déverrouillage par geste jquery

Comment utiliser jquery efficacement

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