jQueryDelete a specified sub-element code example. This chapter introduces how to use jQuery to delete a specified sub-element. Let us learn how Use jQuery to delete specified child elements!
How to use native javascript to implement this function, please refer to the chapter of native javascript deleting specified sub-element code examples.
In fact, there are many ways to implement this function. The following is an introduction to one of the more common ones.
The code examples are as follows:
<!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>The above code realizes our requirements. It is relatively simple and will not be introduced here. More For more information, please refer to related readings.
Related reading:
jQuery method of operating the Nth element
jquery implements gesture unlocking source code
The above is the detailed content of jquery delete specified child element code example. For more information, please follow other related articles on the PHP Chinese website!
What are the jquery plug-ins?
How to find the maximum and minimum value of array elements in Java
How to operate json with jquery
How to delete elements in jquery
Introduction to the usage of vbs whole code
Use of jQuery hover() method
jquery implements paging method
What is a hidden element in jquery
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
