javascript - 从表的td使用onclick调用jquery函数

标签 javascript jquery html

我试图在单击下面的第四个“ td”时调用jQuery函数。
但这不是调用函数,我尝试了多种方法从表中获取行。

<table class='logtable'>
        <thead>
            <tr>
                <th>Time</th>
                <th>Name</th>
                <th>Log Note</th>
            </tr>
        </thead>
        <tbody>
            <?foreach ( $logRows as $logRow ){?>
            <tr class="logtr">
                <td><?=readable_date($logRow['date_created'])?></td>
                <td><?=$logRow['first_name']></td>
                <td><?=$logRow['log_note']?></td>
                <td class="js-delete-log"  data-log-id=<?=$logRow['log_id']?>><span class="delete"> <i class="fa fa-times"></i></span></td>

            </tr>
            <?}?>
        </tbody>
    </table>


下面是从“ td”调用的JQuery函数。

// jQuery function to delete the log

$( "body" ).on( "click", ".js-delete-log", function(event) {
        var el = $(this);
        var log_id = el.data('log-id');

              $.post( "../ajax/delete_logs.php", {log_id:log_id,action:'delete_log'} )                         
              location.reload();
    });

});


有人可以帮忙解决一下这里的问题吗?

我也尝试了以下方法。

//   $("table.logtable tr.logtr td.js-delete-log").click(function() {  

最佳答案

我认为问题来自于此

 <td class="js-delete-log"  data-log-id=<?=$logRow['log_id']?>>


试试这个

<td class="js-delete-log"  data-log-id=<?php echo $logRow['log_id'] ?>>

关于javascript - 从表的td使用onclick调用jquery函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34217485/

相关文章:

javascript - 如何在javascript中获取 anchor 链接文本并使用参数调用

php - PHP 邮件发送的电子邮件对于某些但不是全部未编码

javascript - 使用 map 函数将列表的数据属性获取到 jQuery 中的数组中

javascript - jQuery UI 如何创建其精确复制的绝对定位拖动助手?

javascript - 修复 DRY 代码帮助 javascript?

jquery - jQuery的$符号

JavaScript Window 对象总是可访问的?

javascript - 用Java重构

javascript - 如何使用 jquery 仅显示其中包含一些数据的 div 中的标签?

html - 如何使宽度未知的元素居中?