Javascript 如何在Jquery中的某些类别后追加Div
这是我的html代码,其中要追加div。我要在(.row table)最后一个子项之后追加div。我是jquery新手,我觉得我做错了什么Javascript 如何在Jquery中的某些类别后追加Div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我的html代码,其中要追加div。我要在(.row table)最后一个子项之后追加div。我是jquery新手,我觉得我做错了什么 <div class="details-box-table"> <div class="row-table"> <div class="rTableHead"><label for="Traveldate">S.No</label></div>
<div class="details-box-table">
<div class="row-table">
<div class="rTableHead"><label for="Traveldate">S.No</label></div>
<div class="rTableHead"><label for="Traveldate">Amount</label></div>
<div class="rTableHead"><label for="Traveldate">Mode</label></div>
<div class="rTableHead"><label for="Traveldate">Bank Name</label></div>
<div class="rTableHead"><label for="Traveldate">Date</label></div>
<div class="rTableHead"><label for="Traveldate">Remarks</label></div>
<div class="rTableHead"><label for="Traveldate">Action</label></div>
</div>
<div class="row-table">
<div class="rTableHead"><label for="Traveldate">1</label></div>
<div class="rTableHead"><label for="Traveldate">2000</label></div>
<div class="rTableHead"><label for="Traveldate">Cash</label></div>
<div class="rTableHead"><label for="Traveldate">UT Bank</label></div>
<div class="rTableHead"><label for="Traveldate">02/03/2017</label></div>
<div class="rTableHead"><label for="Traveldate">Remarks</label></div>
<div class="rTableHead"><label for="Traveldate">Notngin</label></div>
</div>
<div>I want to append here new div after last class"row-table"</div>
美国号
数量
模式
银行名称
日期
评论
行动
1.
2000
现金
UT银行
02/03/2017
评论
诺丁金
我想在最后一个类“row table”之后追加新的div
这是Jquery代码
$(document).ready(function(){
var max_fields = 10; //maximum input boxes allowed
var wrapper = $(".details-box-table"); //Fields wrapper
var add_button = $("#add_field_button"); //Add button ID
var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
$(wrapper).children(".row-table").last().after('<div><input type="text" name="mytext[]"/><a href="#" class="remove_field">Remove</a></div>'); //add input box
}
});
$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
e.preventDefault(); $(this).parent('div').remove(); x--;
})
});
$(文档).ready(函数(){
var max_fields=10;//允许的最大输入框数
var wrapper=$(“.details box table”);//字段包装器
var add_button=$(“#add_field_button”);//添加按钮ID
var x=1;//初始文本框计数
$(添加按钮)。单击(函数(e){//在添加输入按钮上单击
e、 预防默认值();
如果(x
假设您没有忘记添加我添加了关于我添加的部分的注释。我实现了一个add
链接。代码将自动删除文本框,然后将内部数据添加到附加区域(我将其命名为.appendTo
)
$(文档).ready(函数(){
/*新代码*/
$(包装器)。在(“单击”,“添加”字段)上,函数(e){//用户单击删除文本
e、 预防默认值();
$parent=$(this.parent('div');
$('')
.append($parent.find(“input”).val())
.appendTo(“appendTo”);
$parent.remove();
x--;
});
/*结束新代码*/
var max_fields=10;//允许的最大输入框数
var wrapper=$(“.details box table”);//字段包装器
var add_button=$(“#add_field_button”);//添加按钮ID
var x=1;//初始文本框计数
$(添加按钮)。单击(函数(e){//在添加输入按钮上单击
e、 预防默认值();
如果(x
美国号
数量
模式
银行名称
日期
评论
行动
1.
2000
现金
UT银行
02/03/2017
评论
诺丁金
添加Butn
我想在最后一个类“row table”之后添加新的div
对我来说很好: