jquery删除指定li元素简单介绍

jquery删除指定li元素简单介绍:
本章节介绍一下如何利用jquery删除指定的li元素,虽然比较简单,但这也是比较常见的操作,可能很多初学者还是不够了解,下面就通过代码实例介绍一下如何实现此功能,代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
ul li{
  list-style:none;
  font-size:12px;
  line-height:25px;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type=‘text/javascript‘>
$(document).ready(function(){
  $("#bt").click(function(){
    $("li").eq(1).remove();
  })
})
</script>
</head>
<body>
<ul id="box">
  <li>蚂蚁部落欢迎您,只有努力奋斗才会有美好的明天。</li>
  <li>没有人一开始就是高手,必须要通过虚心学习。</li>
  <li>每一天都是新的,要好好珍惜。</li>
  <li>只有当下的时间才是真实的,下一秒都是虚幻的。</li>
  <li>分享的精神和互助的胸怀是进步的最大源动力。</li>
</ul>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>

上面的代码点击按钮可以删除第二个li元素,代码比较简单这里就不多介绍了。
相关阅读:
1.eq()函数可以参阅jQuery的eq()方法一章节。
2.remove()函数可以参阅jQuery的remove()方法一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15055

更多内容可以参阅:http://www.softwhy.com/jquery/

时间: 2024-10-22 23:22:12

jquery删除指定li元素简单介绍的相关文章

使用jquery获取指定li元素后面的所有兄弟元素

使用jquery获取指定li元素后面的所有兄弟元素:如果我们已经获取了一个li元素,那么如何获取此li元素后面的所有的兄弟元素,下面就通过代码实例做一下简单介绍.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /&g

如何利用jquery在任意指定li元素后面插入新的li元素

如何利用jquery在任意指定li元素后面插入新的li元素:本章节介绍要一下如何利用jquery实现将一个新的li元素插入到任意li元素的后面.原生的javascript可以使用insertBefore()函数,具体可以参阅javascript的insertBefore.insertAfter和appendChild简单介绍一章节.下面介绍一下如何利用jquery实现此功能.代码实例: <!DOCTYPE html><html><head> <meta chars

jquery为指定的元素添加或者删除指定样式类

jquery为指定的元素添加或者删除指定样式类:在实际应用中,可能需要为指定的元素动态的添加或者删除指定css样式类,下面就通过简短的代码做一下介绍.一.添加css样式类: $("#antzone").addClass("class"); 上面的代码为指定的元素添加指定的样式类.更多相关内容可以参阅jQuery的addClass()方法一章节.二.删除css样式类: $("#antzone").removeClass("class&qu

jquery如何在li元素列表的开头添加一个新li元素

jquery如何在li元素列表的开头添加一个新li元素:本章节介绍一下如何在li元素列表的开头添加一个li元素,大家最为习惯的是使用append()函数在li元素列表后面追加一个新的li元素,下面就通过代码实例介绍一下如何实现在前面添加一个新的li元素.代码如下: <!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" co

jQuery -&gt; 删除/替换DOM元素

删除 删除操作非常简单,直接在结果集后链式调用remove()方法即可. 例如,要删除以下html脚本中所有的a元素,直接通过 $('a'.remove(); 就可以做到了. <h3>Anchors</h3> <a href="#" class="remove">Anchor Element</a> <a href="#">Anchor Element</a> <a h

jQuery如何调整li元素的顺序

jQuery如何调整li元素的顺序:在实际应用中可能需要调整li元素的相对顺序,比如将一个li元素插入到另一个li元素的后面或者前面,下面通过实例代码介绍一下如何利用jquery实现此功能,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwh

原生javascript获取dom元素简单介绍

原生javascript获取dom元素简单介绍: 使用jQuery可以各种方式获取元素,比如id选择器,类选择器,元素选择器等等,非常的方便. 下面就介绍一下如何利用原生的js实现获取dom元素的功能. 一.通过id获取元素: 最方便的那就是使用document.getElementById()函数. 具体可以参阅document.getElementById()一章节. 二.通过标签获取元素: 使用document.getElementsByTagName()函数. 具体可以参阅documen

jQuery ajax的执行顺序简单介绍

jQuery ajax的执行顺序简单介绍:jQuery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false即可.代码如下: function TestAjax() { var UserName = $("#txtUserName").val(); $.ajax({ url:"AjaxCheckUserName.htm", async:false, success:function(data

STL在迭代的过程,删除指定的元素

直接在Code.在 Picture #include <iostream> #include <list> using namespace std; // STL在迭代的过程中,删除指定的元素 int main() { list<int> listTest; listTest.push_back(-1); listTest.push_back(-1); listTest.push_back(-1); listTest.push_back(-1); cout<<