var tdObj=$(this); //获取当前td var text=$('#job').text(); //获取当前td文本内容 $('#job').text(""); //清空当前td文本内容 //创建一个下拉框元素 var inputObj = $("<select><option ></option></select>");//如果需要点击改变为输入框就写<input/>标签 inputObj .width("80px") //设值宽高 可以设置为tdObj.width() (td宽度) .height(tdObj.height) .appendTo(tdObj) .val(text) //如果是input输入框的话可以使用.val赋值(原文本值) 下拉框不需要.val() 可以去掉 下拉框复制在下面 .trigger("focus") //用trigger方法触发事件 .trigger("select"); tdObj.find('.text').text(pretext); //下拉框赋原文本值 inputObj.click(function(){ return false; });