jQuery DataTables：如何通过 tr 的行 id 获取行索引（或 nNode）？
我有一个 dataTables 。我想要 fnUpdate() 和 fnDestroy() 我的行。每行都有一个 id，例如：。 为了 fnUpdate()/fnDestroy() 适当的 ，我需要获取该行的索引。为此，我尝试使用 fnGetPosition()，但我尝试的方式并不是这样做的方法：
$("#myTable").fnGetPosition( $("#16") )
结果是
类型错误：nNode.nodeName 未定义 [中断此错误] var sNodeName = nNode.nodeName.toUpperCase();
这是有道理的，因为 fnGetPosition() expexts nNode （在我的例子中是 HTMLTableRowElement）。
如何获取具有 id="16" 的 HTMLTableRowElement ？
编辑： 我的问题的正确答案是：document.getElementById("16")。基于此，我想将我的问题改为：
为什么
$("#myTable").fnGetPosition( document.getElementById("16") )
有效，但
$("#myTable").fnGetPosition( $("#16") )
失败？
I have a dataTables <table id="myTable">. I would like to fnUpdate() and fnDestroy() my rows. every row has an id, eg: <tr id="16">.
To fnUpdate()/fnDestroy() the appropriate <tr>, I need to get that row's index. For this I try to use fnGetPosition(), but the way I try it is not the way to do it:
$("#myTable").fnGetPosition( $("#16") )
results in
TypeError: nNode.nodeName is undefined [Break On This Error] var
sNodeName = nNode.nodeName.toUpperCase();
Which makes sense, as fnGetPosition() expexts nNode (in my case a HTMLTableRowElement).
How do I get the HTMLTableRowElement that has id="16" ?
EDIT:
A correct answer to my question is: document.getElementById("16"). Based on that, I would like to change my question to:
Why does
$("#myTable").fnGetPosition( document.getElementById("16") )
work, but
$("#myTable").fnGetPosition( $("#16") )
fails?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
对于仍然遇到此问题的任何人，请尝试以下操作：
要获得与 document.getElementById 相同的结果，您应该访问 jQuery 对象中的第一个元素。
For anyone who still has this problem, try this:
To get the same result as
document.getElementByIdyou should access the first element in the jQuery object.document.getElementById() 返回一个 DOM 对象，并且 DOM 对象上的所有内容本质上都是可访问的。
JQuery 的 $('#...') 返回单个 DOM 对象或一组 DOM 对象（取决于选择器）的包装器，因此，它不返回实际的 DOM 对象。它使得使用 DOM 对象变得更加容易。
在第二种情况下出现该错误的原因是 $(#...) 实际上不是 DOM 对象。
document.getElementById() returns a DOM object, and everything on the DOM object will be inherently accessible.
JQuery's $('#...') returns a wrapper around a single DOM object OR a set of DOM objects (depending on the selector) and as such, it does not return the actual DOM Object. It makes it easier to work with DOM objects.
The reason you are getting that error in the second case would be that $(#...) is not actually a DOM object.
你应该这样做：
You sould do: