Maison >interface Web >js tutoriel >jquery supprime l'exemple de code d'élément enfant spécifié
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>
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!