JQuery将链接添加到表格单元格

我正在尝试向表格单元格添加标签。我的代码工作一路攀升到这里显示的最后一行，在这一点上，我得到的JQuery将链接添加到表格单元格

异常

“类型错误：对象不支持此属性或方法”

从我读过什么，appendChild应该是我的表格单元格上的一种方法。

var rowId = "#rowid-" + response.id; 
    var actionCell = $('#itemlist').find(rowId).find(actionCellId); 
    //Add my Edit link     
    link = document.createElement('a'); 
    link.setAttribute('href', '/MYSite/Item/Edit?itemID=' + response.id); 
    link.setAttribute('id', 'edit-' + response.id); 
    var linkText = document.createTextNode('Edit'); 
    link.appendChild(linkText); 
    //Exception occurs on this line 
    actionCell.appendChild(link);

来源

2011-10-12 Jeff Reddy

为什么你的arent只使用jQuery追加？ –

我得看看。我对JQuery相当陌生，也不是最有经验的JavaScript开发人员。 –

'actionCell'是一个jQuery对象。它没有'appendChild（）'方法。我同意@MechSoftware：最好不要混用和匹配jQuery和纯JavaScript方法。 – JJJ

替换此：

link = document.createElement('a'); 
link.setAttribute('href', '/MYSite/Item/Edit?itemID=' + response.id); 
link.setAttribute('id', 'edit-' + response.id); 
var linkText = document.createTextNode('Edit'); 
link.appendChild(linkText); 
//Exception occurs on this line 
actionCell.appendChild(link);

有了这个：

$('<a>Edit</a>').attr({ 
    'href': '/MYSite/Item/Edit?itemID=' + response.id, 
    'id': 'edit-' + response.id 
}).appendTo(actionCell);

来源

2011-10-12 18:36:55 wanovak

工作就像一个魅力。我试着做类似的追加方法，但我的解决方案没有奏效。谢谢一堆。 –

JQuery将链接添加到表格单元格

回答

相关问题