如何在 jquery 中附加来自 PHP 的增量 ID？

Question

如何在 onClick 中附加 data-item-id 值？我试过 $(this).data("item-id") 这种方法，但它 return 不行。我哪里做错了？

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 } ?>

我想实现当任何人单击 'edit image' 时 id 详细信息将显示 id 的详细信息。

Answer 1

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

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

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

Answer 2

您需要在编辑按钮<td>内找到输入，数据属性不在.editButton1上，而是在.editButton1[=15=内的input元素中]

$(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 } ?>

它可能会对寻找此类解决方案的任何人有所帮助。

如何在 jquery 中附加来自 PHP 的增量 ID？

How to append incremental id from PHP in jquery?

javascript

jquery

jquery-ui