运行代码 缩小
溪缘...
HTML代码
复制 格式化 注释 注释 清空
放大
x
 
1
<!DOCTYPE html>
2
<html>
3
    <head>
4
        <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
5
    <script type="text/javascript" src="http://ku.shouce.ren/libs/jquery/1/jquery1.7.2.min.js"></script>
6
</head>
7
    <body>
8
        <div class="main">
9
            <div class="add-panel rule-dfn">
10
                <dl class="add-panel-inner">
11
                    <dt class="add-hd">
12
                        <span class="add-col rule-name">姓名
13
                        </span>
14
                        <span class="add-col rule-name">电话
15
                        </span>
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
xxxxxxxxxx
166
 
1
body, td, input, textarea, select,
2
button {
3
  color: #555;
4
  font-size: 12px;
5
  font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
6
}
7
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset {
8
  margin: 0;
9
  padding: 0;
10
}
11
a {
12
  color: #3b639f;
13
  text-decoration: none;
14
  blr:expression(this.onFocus=this.blur()) }
15
a:hover {
JS代码
复制 格式化 注释 注释 清空
放大
xxxxxxxxxx
19
 
1
$(function(){
2
     var i = $(".self-define").size() - 1;
3
    $("#q_add").click(function() {
4
        var a = $("#self-define-template").clone();
5
        a.show().removeAttr("id"),
6
        a.find("input").eq(0).attr("name", "defineInfos[" + i + "][con_name]"),
7
        a.find("input").eq(1).attr("name", "defineInfos[" + i + "][con_tel]"),
8
        a.find("input").eq(2).attr("name", "defineInfos[" + i + "][con_mail]"),
9
        a.find("input").eq(3).attr("name", "defineInfos[" + i + "][con_qq]"),
10
        a.find("input").eq(4).attr("name", "defineInfos[" + i + "][con_pos]"),
11
        a.find("input").eq(5).attr("name", "defineInfos[" + i + "][con_addr]"),
12
        $(this).prev("dl").append(a),
13
        $(".rule-dfn .self-define").size() > 2 && $(".lnk-delete").show(),
14
        i++
15
    }), $(".delete-self-define").live("click", function() {
16
        $(this).parent().remove(),
17
        $(".rule-dfn .self-define").size() < 2 && $(".lnk-delete").hide()
18
    });
19
});
名称
jq添加/删除列(PHP版)
分类
jQuery实例
描述
收藏