$().ready(function() {
$("#addPassenger").click(function() {
var tr1 = document.createElement("tr");
var td1 = document.createElement("td");
var input1 = document.createElement("input");
input1.type = "text";
input1.id = "in1";
$(td1).append(input1);
var td2 = document.createElement("td");
var btn = document.createElement("input");
btn.type = "button";
btn.name = "dongtai";
$(btn).val("delete");
$(td2).append(btn);
$(tr1).append(td1);
$(tr1).append(td2);
$("#tbody").append(tr1);
});
$("#jingtai").click(function() {
$("#jingtai").parent().parent().remove();
});
$("td").delegate("input", "click", function() {
alert("dong");
$(this).parent().parent().remove();
});
$("div").delegate("p", "click", function() {
alert("P_dong");
$(this).slideToggle();
});
$("button").click(function() {
$("
这是一个新段落。
").insertAfter("button");});
});
姓名 | 删除 |
---|---|
静态添加1 | |
静态添加2 |
这是一个段落。
请点击任意一个 p 元素,它会消失。包括本段落。
按钮后面插 p 元素
这是后面一个段落。
这是后面一个段落。
注释:通过使用 delegate() 方法,而不是 live(),只有 div 元素中的 p 元素会受到影响。