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

Question

我试图在单击第四个“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() {  

Answer 1

我认为问题出在于此

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

试试这个

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