Как добавить инкрементный идентификатор из PHP в JQuery?

Question

Как мне добавить data-item-id значение в onClick?Я пробовал $(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

Вам нужно найти ввод внутри кнопки редактирования <td>, атрибут данных не на .editButton1, а в элементе input внутри .editButton1

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

Answer 2

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

Это может помочь любому, кто ищет этот тип решения.

Answer 3

Доступ к набору данных элемента HTML можно получить следующим образом:

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

Свойства набора данных преобразуются в формат верблюда data-item-id -> dataset.itemId.