jQuery--加一行减一行

效果:

知识点:

克隆--clone()

追加--append()

移除--remove()

代码:


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<div id="search_conditions">

    <div class="condition">

        <a onclick="AddCondition(this,‘#search_conditions‘)">+</a>

        <input />

    </div>

</div>

<script src="../js/jquery-2.1.4.min.js"></script>

<script type="text/javascript" >

    function AddCondition(ths,container){

        //克隆condition整个div

        //再把克隆的div追加到search_conditions下面

        var cp = $(ths).parent().clone();

        cp.children(‘:first‘).text(‘-‘).attr(‘onclick‘,‘RemoveCondition(this,"#search_conditions")‘);

        $(container).append(cp);

//            cp.appendTo(container)

    }

    function RemoveCondition(ths,container){

        $(ths).parent().remove();

    }

</script>

本段代码效果:

链接:?

视频:D16--jQuery文档处理

课件:cmdb_plugin/demo_2.html

来自为知笔记(Wiz)

时间: 2024-10-12 03:26:19

jQuery--加一行减一行的相关文章

jquery动态添加删除一行数据

<html> <head> <title>添加.删除一行</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script>

jquery之行自加自减

实现目标:点击按钮复制本行,修改后重新插入到本行后面,点击复制出的行可删除本行 代码如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>行自加自减</title> 6 </head> 7 <body> 8 <div class="outer&

JQuery 加载 CSS、JS 文件的方法有哪些?

在进行web前端开发(http://www.maiziedu.com/course/web-px/)时,我们可能会需要使用JQuery加载一个外部的css文件或者js文件,加载外部文件的方法有多种,下面具体看看各种加载方法 JS 方式加载 CSS.JS 文件: //加载 css 文件function includeCss(filename) { var head = document.getElementsByTagName('head')[0]; var link = document.cre

数学趣味题(相邻同加同减问题)

想要弥补数学方面的知识于是我看了刘汝佳老师的算法艺术. 从简单开始在这里记录一下. 题目的描述 很容易理解但是让我想的话,我会感觉很困难. 似乎见到多了,对这种问题有一种天生的恐惧. 但是学习嘛,一点一点积累. 刘汝佳老师这样讲到. 先把8个点归为红色和蓝色两类. 相邻的点不在同一类中. 假设我们先看一下最下面的ABCD四个点,假设A点有a个麻烦子,B点有b个麻烦子,C点有c个,D点有d个. 我们先让A,B同时增加c个,然后让B,C同时减少c个,这样就C就没有了,而A中多了c个.这样我们就能把同

添加一行删除一行-js代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

基于jQuery加载进度条特效代码

基于jQuery加载进度条特效代码是一款简单的加载新数据,获取数据jQuery进度条代码. 在线预览   源码下载 实现的代码. html代码: <div id="main"> <div class="demo"> <div class="bars"> <span id="bar">55</span> </div> <div class="

jquery加载页面的方法(页面加载完成就执行)

jquery加载页面的方法(页面加载完成就执行) jquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别. 1.$(function(){  $("#a").click(function(){  //adding your code here  }); }); 2.$(document).ready(function(){  $("#a").click(function(){  //a

24点游戏计算器 (加、减、乘、除、阶乘、导数)(c++)

24点游戏计算器 (加.减.乘.除.阶乘.导数)(c++):https://github.com/liuxinig/cpp_1001/blob/master/24dian_fuZaIN.txt 1 //24点统计 2 3 #include <iostream> 4 #include <cmath> 5 using namespace std; 6 #define N 14 7 //a数组存四个数字 8 int cixu[3],fuHao[3],p[N],sum = 0; 9 flo

c语言自加自减三道题

int  x , y,z; x = 0; y = z = -1; x += -z ---y; printf("x=%d\n",x) x = 2 为什么? x  + = -z - - -y 相当于 x = x + ((-z)--)-y; 这里-z-是先用-z然后再(-z)- -运算 这里需要注意的是操作符结合的顺序是自左至右,而运算顺序是自右至左! 也就是 –z - - -y 表示的是 ((-z)--)-y 而不是 (-z)-(--y) #include <stdio.h>