linux脚本jq添加列表,jQuery实现列表的增加和删除功能

具体代码如下所示:

jQuery

namepricedelete

a123 deletec3453 delete

name
price

var $tableList=$("#tableList");

//tianjia

$("#add").click(function(){

var tdName= $("input[name=name]").val();

var tdPrice = $("input[name=price]").val();

$("

").append(""+tdName+"")

.append("

"+tdPrice+"")

.append("

delete")

.appendTo($("#tableList>tbody"))

.find("a").click(function(){

$(this).parent().parent().remove();

});

$("input[name=name]").val("");

$("input[name=price]").val("");

return false;

})

//delete

$("#tableList>tbody a").click(function(){

$(this).parent().parent().remove();

})

总结

以上所述是小编给大家介绍的jQuery实现列表的增加和删除功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！