Javascript 如何从Datatable单元格中获取内部html值
我是DataTable的新手。在这里,我尝试在单击与行关联的viewlink时获取行的第一个单元格值,而不是获取的值[object] 这是我的密码Javascript 如何从Datatable单元格中获取内部html值,javascript,php,jquery,datatable,Javascript,Php,Jquery,Datatable,我是DataTable的新手。在这里,我尝试在单击与行关联的viewlink时获取行的第一个单元格值,而不是获取的值[object] 这是我的密码 $(文档).ready(函数(){ //删除记录 $('#示例')。在('click','a.editor_view',函数(e){ e、 预防默认值(); var rowIndex=oTable.fnGetPosition($(this.closest('tr')[0]); aData=oTable.fngedata($(this.parents
$(文档).ready(函数(){
//删除记录
$('#示例')。在('click','a.editor_view',函数(e){
e、 预防默认值();
var rowIndex=oTable.fnGetPosition($(this.closest('tr')[0]);
aData=oTable.fngedata($(this.parents('tr')[0]);
警报(aData);
} );
//数据表初始化
var oTable=$('#示例')。数据表({
“sDom”:“Tfrtip”,
“sAjaxSource”:“php/browsers.php”,
“aoColumns”:[
{“mData”:“browser”},
{“mData”:“引擎”},
{“mData”:“平台”},
{“mData”:“grade”,“sClass”:“center”},
{
“mData”:空,
“sClass”:“中心”,
“sDefaultContent”:“/”
}
]
} );
} );
HTML表格:
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%">
<thead>
<tr>
<th width="30%">Browser</th>
<th width="20%">Rendering engine</th>
<th width="20%">Platform(s)</th>
<th width="14%">CSS grade</th>
<th width="16%">Admin</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Browser</th>
<th>Rendering engine</th>
<th>Platform(s)</th>
<th>CSS grade</th>
<th>Admin</th>
</tr>
</tfoot>
浏览器
渲染引擎
月台
CSS等级
管理
浏览器
渲染引擎
月台
CSS等级
管理
现在,当我单击视图时,我需要导航到另一个id为
view.php?id=125
多谢各位
$('#example').on('click', 'a.editor_view', function (e) {
e.preventDefault();
var rowIndex = oTable.fnGetPosition( $(this).closest('tr')[0] );
aData = oTable.fnGetData(rowIndex,0);
alert(aData);
} );
从api文档中:
fnGetData
输入参数:{int | node}:TR行节点、TD/TH单元节点或整数。如果作为TR节点提供,则将返回整行的数据源。如果给定为TD/TH小区节点,则将自动计算iCol并返回小区数据。如果给定为整数,则将其视为该行的aoData内部数据索引(请参见fnGetPosition)和所用该行的数据
{int}:您想要数据的可选列索引。假设您的第一行是您的id,您想在dataTable初始值设定项中包含如下链接吗
$(document).ready(function () {
var oTable = $('#example').dataTable({
"aoColumnDefs": [{
"fnRender": function (oObj) {
var id = oObj.aData[0];
var links = [
'<a href="/view.php?id=' + id + '" class="editor_view">View</a>',
'<a href="/delete.php?id=' + id + '" class="editor_remove">Delete</a>'];
return links.join(' / ');
},
"sClass": "center",
"aTargets": [4]
}, {
"sClass": "center",
"aTargets": [3]
}]
});
});
$(文档).ready(函数(){
var oTable=$(“#示例”).dataTable({
“aoColumnDefs”:[{
“fnRender”:函数(oObj){
var id=oObj.aData[0];
变量链接=[
'',
''];
返回链接。加入(“/”);
},
“sClass”:“中心”,
“目标”:[4]
}, {
“sClass”:“中心”,
“目标”:[3]
}]
});
});
请参阅:您是否尝试打印
[对象]
?firefox有.toSource()
方法,可以在您的回答中提供其内容的提示。
$(document).ready(function () {
var oTable = $('#example').dataTable({
"aoColumnDefs": [{
"fnRender": function (oObj) {
var id = oObj.aData[0];
var links = [
'<a href="/view.php?id=' + id + '" class="editor_view">View</a>',
'<a href="/delete.php?id=' + id + '" class="editor_remove">Delete</a>'];
return links.join(' / ');
},
"sClass": "center",
"aTargets": [4]
}, {
"sClass": "center",
"aTargets": [3]
}]
});
});