编程 Javascript

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

Posted in Javascript onJanuary 13, 2015

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

<!DOCTYPE HTML>

<html>

<meta charset="utf-8">

<title>三水点靠木</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删除指定子元素代码实例

- Author -

junjie

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery中ajax调用json数据的使用说明

Mar 17 Javascript

常规表格多表头查询示例

Feb 21 Javascript

JQ实现新浪游戏首页幻灯片

Jul 29 Javascript

jQuery实现订单提交页发送短信功能前端处理方法

Jul 04 Javascript

深入学习jQuery中的data()

Dec 22 Javascript

vue iView 上传组件之手动上传功能

Mar 16 Javascript

对angularjs框架下controller间的传值方法详解

Oct 08 Javascript

js中自定义react数据验证组件实例详解

Oct 19 Javascript

在 Vue 应用中使用 Netlify 表单功能的方法详解

Jun 03 Javascript

微信小程序如何修改radio和checkbox的默认样式和图标

Jul 24 Javascript

websocket4.0+typescript 实现热更新的方法

Aug 14 Javascript

js实现双人五子棋小游戏

May 28 Javascript

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

Jan 13 #Javascript

JS长整型精度问题实例分析

Jan 13 #Javascript

javascript面向对象之共享成员属性与方法及prototype关键字用法

Jan 13 #Javascript

javascript面向对象之定义成员方法实例分析

Jan 13 #Javascript

jQuery大于号(>)选择器的作用解释

Jan 13 #Javascript

javascript面向对象之this关键词用法分析

Jan 13 #Javascript

javascript和jquery实现设置和移除文本框默认值效果代码

Jan 13 #Javascript