Javascript 在html表中添加新的html表，同时使用jquery单击行图像
我需要在表中添加新表，同时使用jquery单击行图像 表1Javascript 在html表中添加新的html表，同时使用jquery单击行图像,javascript,jquery,html,Javascript,Jquery,Html,我需要在表中添加新表，同时使用jquery单击行图像 表1 +-------------------------------+ |id name place view | +-------------------------------+ |1 arun abc image1| |2 jinu def image2| +-------------------------------+ 单击“image1”时，我希望
+-------------------------------+
|id name place view |
+-------------------------------+
|1 arun abc image1|
|2 jinu def image2|
+-------------------------------+
+----------------------------------+
|id name place view |
|----------------------------------|
|1 arun abc image1|
| |
|+--------------------------------+|
||name fname last name age ||
||--------------------------------||
||arun arun babu 10 ||
|+--------------------------------+|
| |
|2 jinu def image2 |
+----------------------------------+
function validation_over() {
$.ajax({
type:'post',
url: '<?php echo site_url('page_control/main_report'); ?>', //Posting all data
data:{
//fn:"table"
district:$('#cbo_district').val(),
rpt_nm:$('#cbo_rpt_typ').val(),
type:$('#rpt_type').val(),
frm_date:$('#frm_date').val(),
to_date:$('#to_date').val(),
},
dataType: 'json', //Data format
success: function(data) { //Receiving data
if(data.status=="nodata") {
alert("No data found");
}
var sales_tot=0;
var movie_tot=0;
var still_tot=0;
result="<table border='0' name='main_rpt_tbl1' id='main_rpt_tbl' class='table'>";
result+="<CAPTION><EM>Report:"+data.rpt_nm+"</EM></CAPTION>";
if(data.typ=="d") {
result+="<tr><td rowspan='2' colspan='3' style='color:green;'>District:"+data.rate[0].DistrictName+"   Date:"+data.frm_dat+"</td></tr><tr></tr>";
} else {
result+="<tr><td rowspan='2' colspan='3' style='color:green;'>District:"+data.rate[0].DistrictName+"   Date:"+data.frm_dat+"-"+data.to_dat+"</td></tr><tr></tr>";
}
result+="<tr><th rowspan='2'>Centre Name</th>";
if(data.rpt_nm=="Sales Information") {
result+="<th rowspan='2'>Total Sales</th><th rowspan='2'>View</th></tr><tr></tr>";
} else {
result+="<th rowspan='2'>Total Visitors</th><th rowspan='2'>View</th></tr><tr></tr>";
}
for(var i=0;i<data.rate.length;i++) {
CentreID=data.rate[i].CentreID;
CentreName=data.rate[i].CentreName;
adult_tot=data.rate[i].adult_tot;
child_tot=data.rate[i].child_tot;
foreign_tot=data.rate[i].foreign_tot;
if(data.rpt_nm=="Sales Information") {
movie_tot=data.rate[i].movie_tot;
still_tot=data.rate[i].still_tot;
}
tot=parseInt(adult_tot)+parseInt(child_tot)+parseInt(foreign_tot)+parseInt(movie_tot)+parseInt(still_tot);
//result+="<tr onClick=update(this);centre("+ DistrictCd + ",'tbl')>";
result+="<tr>";
result+="<td>"+CentreName+"</td>";
result+="<td>"+tot+"</td>";
result+="<td onClick='onClick=get_data("+CentreID+");' id='q'><img src='<?php echo base_url(); ?>styles/images/delete.png' title='Delete' width='20' height='20'></td>";
result+="<td style='display:none'>"+CentreID+"</td>";
result+="</tr>";
}
result+="</table>";
$('#main_rpt_tbl').html(result);
}
});
}
function get_data(id) {
var tRow = "<tr><table><tr><td>...</td>...</tr>...</table></tr>";//code for your table
$(this).parent('tr').after(tRow );
}
function validation\u over（）{
$.ajax（{
类型：'post'，
url:“”，//正在发布所有数据
数据：{
//fn：“表格”
地区：$（'cbo#U地区'）.val（），
rpt_nm:$（'cbo_rpt_typ'）.val（），
类型：$（'#rpt_type'）.val（），
frm_日期：$（“#frm_日期”）.val（），
截止日期：$（“#截止日期”）.val（），
},
数据类型：“json”，//数据格式
成功：函数（数据）{//接收数据
if（data.status==“nodata”）{
警报（“未找到数据”）；
}
var销售总额=0；
var movie_tot=0；
var仍然为0；
结果=”；
结果+=“报告：“+data.rpt_nm+”；
如果（data.typ==“d”）{
结果+=“地区：”+data.rate[0]。地区名称+”&emsp；&emsp；&emsp；日期：“+data.frm_dat+”；
}否则{
结果+=“地区：”+data.rate[0]。地区名称+”&emsp；&emsp；&emsp；日期：“+data.frm_-dat+”-“+data.to_-dat+”；
}
结果+=“中心名称”；
如果（data.rpt_nm==“销售信息”）{
结果+=“总销售视图”；
}否则{
结果+=“总访问者视图”；
}
对于（var i=0；i来说，图像的类别是“图像”
您将在cutent行之后添加一行
var tRow = "<tr><table><tr><td>...</td>...</tr>...</table></tr>";//code for your table
$('.image').on('click',function(){
$(this).parent('tr').after(tRow );
})
var tRow=“……”；//表的代码
$（'.image'）。在（'click'，function（）上{
$（this.parent（'tr'）。在（tRow）之后；
})
试试这个这会对你有帮助
HTML
idnameplaceview
1ACIMG
2BDIMG
Js
var tRow=“idname name 1ABCCDE10CDADS20IMG”；
$（'#td'）。单击（函数（）{
$（this.parent（'tr'）。在（tRow）之后；
});
拉小提琴试试这个
HTML
身份证件
名称
放置
形象
1.
测试
测试
测试
1.
测试
测试
测试
1.
测试
测试
测试
JS
$（文档）.ready（函数（）{
$（“.image”）。单击（函数（）{
$（this）.parent（'tr'）。在（'namefnamelnameababcpqrreet23'）之后；
});
});
看看这个答案，在里面插入一个iframe
<table id='mytable'><tr><td>id</td><td>name</td><td>place</td><td>view</td></tr>
<tr><td>1</td><td>A</td><td>C</td><td id='td'>IMG</td></tr>
<tr><td>2</td><td>B</td><td>D</td><td id='td'>IMG</td></tr></table>
var tRow="<tr><td colspan='4'><table id='mytable'><tr><td>id</td><td>name </td><td>name</td><td>age</td></tr><tr><td>1</td><td>ABC</td><td>CDE</td><td>10</td></tr><tr><td>CBD</td><td>ADS</td><td>20</td><td>IMG</td></tr></table></td></tr>";
$('#td').click(function(){
$(this).parent('tr').after(tRow );
});
<table>
<th>Id</th>
<th>Name</th>
<th>Place</th>
<th>Image</th>
<tr class="row">
<td>1</td>
<td>test</td>
<td>test</td>
<td class='image'>test</td>
</tr>
<tr class="row">
<td>1</td>
<td>test</td>
<td>test</td>
<td class='image'>test</td>
</tr>
<tr class="row">
<td>1</td>
<td>test</td>
<td>test</td>
<td class='image'>test</td>
</tr>
$(document).ready(function(){
$(".image").click(function(){
$(this).parent('tr').after("<tr><table><th>name<th/><th>fname<th/><th>lname<th/><th>age<th/><tr><td>abc</td><td>pqr</td><td></td>retest<td>23</td></tr></table></tr>");
});
});