jquery delete spezifiziertes untergeordnetes Element-Codebeispiel-js-Tutorial-php.cn

jquery delete spezifiziertes untergeordnetes Element-Codebeispiel

韦小宝

Freigeben： 2017-11-28 10:05:27

Original

1186 Leute haben es durchsucht

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>

Nach dem Login kopieren

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!