如何在jQuery中从PHP追加增量ID？

Question

如何在onClick附加data-item-id值？ 我已经尝试过$(this).data("item-id")但是它没有返回。 我在哪里做错了？

JS代码：

$("#tab<?= strtoupper($_GET["tnr"]) ?> .editButton1").append(
    "<img style='width:20px;cursor:pointer' onClick=\"openDialog('edititem'," + $(".editButton").data("item-id") + ")\" src='<?= $global->getImage("edit.png") ?>' title='Protocol Update!' /></a>&nbsp;"
); 

PHP代码：

<?php
    foreach ($tickets as $nr => $ticket) {
        ?>
        <tr style="cursor:pointer;" onClick="openDetailDiv('<?= strtoupper(trim($_GET["tnr"])) ?>',<?= $ticket["id"] ?>)">
            <td><?= $ticket["INSDATE"] ?></td>
            <td><?= $ticket["responsible"] ?></td>
            <td class="editButton1">
                <input type='hidden' class='Btn editButton' value='Edit' data-item-id="<?= $ticket['id'] ?>" />
            </td>

        </tr>
    <?php } ?>

我想实现当有人点击“编辑图片”，那么该id信息将显示的细节id 。

Answer 1

您可以像这样访问HTML元素的数据集：

document.querySelector('.editButton').dataset.itemId

数据集属性将转换为驼峰格式data-item-id id-> dataset.itemId 。

Answer 2

你需要找到的编辑按钮中输入<td>数据attribut不上.editButton1但在input内部元素.editButton1

$(document).on('click', '.editButton1', function(){;
  var itemId = $('[value=Edit]', this).data('item-id');
})

Answer 3

append起来很复杂，我没有append这个也有解决方案。 下面的代码为我工作。

<?php
foreach ($tickets as $nr => $ticket) {
    ?>
    <tr style="cursor:pointer;" onClick="openDetailDiv('<?= strtoupper(trim($_GET["tnr"])) ?>',<?= $ticket["id"] ?>)">
        <td><?= $ticket["INSDATE"] ?></td>
        <td><?= $ticket["responsible"] ?></td>
        <td class="editButtonMain">
            <img style='width:20px;cursor:pointer' onClick="openDialog('edititem', <?= $ticket['id']?>)" src='<?= $global->getImage("edit.png") ?>' title='Item Update!' />
        </td>

    </tr>
<?php } ?>

它可能会帮助寻找这种解决方案的任何人。