Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/jenkins/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从Datatable单元格中获取内部html值_Javascript_Php_Jquery_Datatable - Fatal编程技术网

Javascript 如何从Datatable单元格中获取内部html值

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

我是DataTable的新手。在这里,我尝试在单击与行关联的viewlink时获取行的第一个单元格值,而不是获取的值[object]

这是我的密码

$(文档).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]
        }]
    });
});