Jquery點擊td變下拉框/輸入框

              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; 
                  });