Heim  >  Artikel  >  Web-Frontend  >  jquery delete spezifiziertes untergeordnetes Element-Codebeispiel

jquery delete spezifiziertes untergeordnetes Element-Codebeispiel

韦小宝
韦小宝Original
2017-11-28 10:05:271222Durchsuche

jQueryBeispiel zum Löschen eines angegebenen Unterelements. In diesem Kapitel wird erläutert, wie Sie mit jQuery ein bestimmtes Unterelement löschen Verwenden Sie jQuery, um bestimmte untergeordnete Elemente zu löschen!

Wie Sie natives Javascript verwenden, um diese Funktion zu implementieren, finden Sie im Kapitel über natives Javascript zum Löschen bestimmter Codebeispiele für untergeordnete Elemente.
Tatsächlich gibt es viele Möglichkeiten, diese Funktion zu implementieren. Im Folgenden finden Sie eine Einführung in eine der gebräuchlichsten.
Das Codebeispiel lautet wie folgt:

<!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>

Der obige Code erfüllt unsere Anforderungen und ist relativ einfach und wird es nicht sein werden hier vorgestellt, weitere Informationen finden Sie in den entsprechenden Lektüren.

Verwandte Lektüre:

Wie jQuery mit dem N-ten Element arbeitet

Quellcode zum Entsperren von JQuery-Gesten

So nutzen Sie JQuery effizient

Das obige ist der detaillierte Inhalt vonjquery delete spezifiziertes untergeordnetes Element-Codebeispiel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn