javascript - 在 jQuery 中使用什么代替 innerHTML 来获取值(value)？

Question

<table border="0" cellpadding="10" cellspacing="1" id="edit">
        <tr>
        <div class="input-label">
        <td>Name:</td>
        </div>
        <td><div class="input-tbox"><input type="text" name="Myname" id="names" contenteditable="true" onblur="saveToDatabse(this,'name','<?php echo $id;?>')" onclick="showEdit(this);" value="<?php echo $name; ?>"/></div></td>
        </tr>

         <tr>
        <td>Username:</td>
        <td><div class="input-tbox"><input type="text" name="myuser" id="user" contenteditable="true" onblur="saveToDatabse(this,'userName','<?php echo $id;?>')" onclick="showEdit(this);" value="<?php echo $username; ?>" /></div></td>
        </tr>

         <tr>
        <td>Email:</td>
        <td><div class="input-tbox"><input type="text" name="mail" id="email" contenteditable="true" onblur="saveToDatabse(this,'email','<?php echo $id;?>')" onclick="showEdit(this);" value="<?php echo $usermail; ?>" /></div></td>
        </tr>
</table>

我在 onblur 事件中有 saveToDatabase() 函数。这是我的职责，

function saveToDatabse(editableObj,column,id){
    $(editableObj).css("background","#FFF url('../images/loaderIcon.gif')no-repeat right");
    $.ajax({
        url:"update.php",
        type:"POST",
        data:'column='+column+'&editval='+editableObj.innerHTML+'&id='+id,
        cache: false,        
        sucsess:function(data){
            $(editableObj).css("background","#FDFDFD");
        }
    });
}

当我更新它时设置一个空白值。我认为是因为使用了 innerHTML 。我知道 innerHTML 不适用于 jquery。那么我可以在那里使用什么来从 saveToDatabse() 函数的这个对象中获取值？

Answer 1

 $.ajax({
        url:"update.php",
        type:"POST",
        data:({'column':column,'editval':editableObj.value,'id':id}),
        cache: false,        
        sucsess:function(data){
            $(editableObj).css("background","#FDFDFD");
        },
        error:function(data){
            alert(data); /*this will help to to find the error*/
        }
    });