Question

如何在onClick中附加$(this).data("item-id")值？我已经尝试过$("#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> " );，但是它没有返回。我在哪里做错了？

JS代码：

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

PHP代码：

id

我想实现任何人单击“编辑图像”，然后id详细信息将显示该{{1}}的详细信息。

Answer 1

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

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

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

Answer 2

您需要在编辑按钮<td>内找到输入，数据属性不在.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 } ?>

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

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

3 个答案: