java jquery table变色_[Java教程]Jquery更改table中的内容（一）_星空网

Jquery更改table中的内容(一)

2016-08-23

0

css部分：

.tab{

border:solid 1px #00aaee;

text-align: left;

margin:20px;

}

.tab tr{

border-top: solid 1px #00aaee;

}

.tab tr td,.tab tr th{

border-right: solid 1px #00aaee;

height:35px;

width: 200px;

padding: 0 5px;

}

.tab tr th{

background: #00aaee;

color:#fff;

}

.tab input{

width: 90%;

margin: 0;

padding: 3px ;

border: solid 1px #00aaee;

}

html部分：

编号	名称
1	辣条
2	牛奶
3	苹果
4	葡萄

js部分:

$('.tab td').bind('click',(function(){

if($('input').length > 0){

$('input').parent().html($('input').val());

}

var current = $(this);

if(current.children('input').length > 0){

return false;

}

var txt = current.html();

current.html('');

var inputObj = $("").val(txt).appendTo(current);

inputObj.click(function(){

return false

})

}));

0

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。