cari

Rumah >hujung hadapan web >tutorial js >jquery删除指定子元素代码实例

jquery删除指定子元素代码实例

韦小宝
韦小宝asal
2017-11-28 10:05:271258semak imbas

jQuery删除指定子元素代码实例，本章节介绍一下如何利用jQuery实现删除指定子元素，那就让我们以来了解一下如何利用jQuery实现删除指定子元素的吧！

如何利用原生javascript实现此功能可以参阅原生javascript删除指定子元素代码实例一章节。
其实实现此功能的方式有很多种，下面介绍一下其中比较常见的一种。
代码实例如下:

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

上面的代码实现了我们的要求，比较简单这里不多介绍了，更多内容可以参阅相关阅读。

相关阅读：

jQuery操作第N个元素的方法

jquery实现手势解锁源码

如何高效使用jquery

Atas ialah kandungan terperinci jquery删除指定子元素代码实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：处理JavaScript异常的方法Artikel seterusnya：jQuery选择器符号分析

Artikel berkaitan

Lihat lagi