html的table弹窗_html中删除表格的一行(有弹窗)

html中删除表格一行其实很简单,但是加上一个提示弹窗后,点击确定后却获取不到要删除的是哪一行,下面是一个demo

html:

安徽车乐优13888888888安徽省合肥市政务区金寨路与潜山路交口金潜广场门店

修改

删除

弹窗:

确认删除?

确认

取消

弹窗css:

.delcon{

width: 30%;

overflow: hidden;

background: #fff;

box-sizing: border-box;

border: 5px solid #3eb4c5;

position: fixed;

left: 33%;

top: 20%;

z-index: 999;

display: none;

}

.desure{

width: 100%;

height: 35px;

line-height: 35px;

text-align: center;

margin-top:45px;

margin-bottom: 30px;

}

.delfoot{

width: 100%;

height: 35px;

margin-bottom: 20px;

}

.delcer{

float: left;

margin-left: 20%;

width: 80px;

height: 35px;

line-height: 35px;

text-align: center;

color: #fff;

font-size: 12px;

font-weight: 700;

background: #3eb4c5;

cursor: pointer;

}

.delcan{

float: left;

margin-left: 15%;

width: 80px;

height: 35px;

line-height: 35px;

text-align: center;

color: #383838;

font-size: 12px;

/*font-weight: 700;*/

box-sizing: border-box;

border:1px solid #C3C3C3

/*background: #3eb4c5;*/;

cursor: pointer;

}

js;

//删除

function shanchu (obj){

$('.delcon').fadeIn()

确定

$('.delcer').click(function(event){

$(obj).parent().parent().parent().remove();

$('.delcon').fadeOut()

})

//取消

$('.delcan').click(function(event){

$('.delcon').fadeOut()

})

}