jquery - 設置值​​

Question

我目前有一個表，並在1列刪除鏈接，如果用戶點擊這個鏈接它觸發一個onClick基本上標誌該項目將被刪除，並隱藏TR。 它工作正常，但我只是想知道是否有更好的方法.....

$(document).on('click', '.deleteCell', function (e) { 
    //Belt and braces - only do this for <td> elements 
    var target = $(e.target); 
    if (!target.is('td')) {return;} 

    var h = this.innerHTML; 
    var newH = h.replace("CsUpdated", "CsDeleted"); 
    newH = newH.replace("CsAdded", "CsDeleted"); 
    this.innerHTML = newH; 

    //We clicked on a TD so get the row TR.  
    var theRow = $(this).closest('tr'); 
    theRow.hide(); 
}); 

我只是想一定比字符串操作，我與替換做一個更好的辦法？在那兒？ 我嘗試過這些，但沒有運氣...

$(this).attr('value', 'CsDeleted'); 
$(target).attr('value', 'CsDeleted'); 
$(this).val('CsDeleted'); 
$(target).val('CsDeleted'); 

感謝

Answer 1

TD已經沒有價值的使用.text()或.html()

Answer 2

td可是沒有一個value屬性。

使用

$("td").html() // to fetch html 
$("td").html("<span> Hello World </span>") // to set html 

$("td").text() // to fetch plain text 
$("td").text("Hello World") // to set plain text 

Answer 3

您可以自定義data-使用 - 任何HTML元素的屬性（見this MDN article和the reference）。這些都可以通過jquery的attr方法訪問，並且對渲染沒有影響。

代碼的PoC：

$(document).on('click', 'td.deleteCell', function (e) { 
    //Belt and braces - only do this for <td> elements 

    $(this) 
     .removeAttr('data-CsUpdated') 
     .removeAttr('data-CsAdded') 
     .attr('CsDeleted', '1') 
    ; 

    //We clicked on a TD so get the row TR.  
    $(this).closest('tr').hide(); 
}); 

如果在你的代碼中給出的數值是相互排斥的，這簡化了

$(document).on('click', 'td.deleteCell', function (e) { 
    //Belt and braces - only do this for <td> elements 

    $(this).attr('Cs', 'Deleted'); 
     // attr 'Cs' contained 'Added' or 'Updated' 
     // This scheme requires modifications at other places in your original code ! 
    ; 

    //We clicked on a TD so get the row TR.  
    $(this).closest('tr').hide(); 
}); 

更新

由於OP實際上想要修改孩子的價值input元素，處理程序簡化爲：

$(document).on('click', 'td.deleteCell', function (e) { 
    $('input', $(this)).val('CsDeleted'); 
     // more specific selector may be needed depending on possible cell contents 

    $(this).closest('tr').hide(); 
}); 

Answer 4

你可以使用以下方法來設置單元格內容

.html()或.text()或.prepend或.append多

然而.val()只適用於具有的value="...."屬性輸入的任何。如果你要撐住細胞與一些數據使用.data("key","value")它可以在任何時候通過調用.data("key");

Answer 5

訪問試試這個，

$(function(){ 
$('.delete').click(function(){ 
    $(this).closest('tr').remove(); 
    }); 

}）;