возвращать стоимость признака восходит пойдите кнопки html и bootstrap [удвоенная]

У этого вопроса уже есть ответ здесь:

У меня есть кнопка в каждой линии таблицы с признаком восходи пойдите, который отличается в признак остальных линий


в файле JS у меня есть событие click, чтобы возвращать дату пойдите, что я выбираю, нажав на кнопку.

    $('#btnCancelarFactura').on('click',function () {
        alert($(this).data("id"));
    });

проблема состоит в том, что только кнопка первой линии возвращает меня, стоимость восходит пойдите, как я могу возвращать стоимость остальных линий?

1
задан 08.07.2016, 02:11
3 ответа

Я не думаю, что там проблема, как кажется, ты используешь id в кнопках.

Ты используешь селектор # или селектор из-за id: $('#btnCancelarFactura'), но этот селектор возвращает 0 или 1 элемент, не multiles. Значь, что только первый элемент, найденный с id="btnCancelarFactura" установи драйвер и они не устанавливают остальное; будь сделан итак, предполагается, что ids будьте единственными.

Есть два выбора, селектор из-за многообразного из-за attriute id: будьте очевиден [id=btnCancelarFactura]

$('button[id=btnCancelarFactura]').on('click',function () {
  alert($(this).data("id"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnCancelarFactura" class="btn btn-warning" data-id=".234">1...</button>
<button id="btnCancelarFactura" class="btn btn-warning" data-id=".678">5...</button>
<button id="btnCancelarFactura" class="btn btn-warning" data-id=".012">9...</button>

или использовать класс, привилегию для этих кнопок "отменять" и выбирать элементы, здесь id ты не нуждаешься в этом.

<button class="btn btn-warning mibtn-cancelar" ... >
<button class="btn btn-warning mibtn-cancelar" ... >

Потом ты используешь селектор классов и берешь все кнопки.

$('.mibtn-cancelar').on('click',function () {
    alert($(this).data("id"));
});

Тебе не хватало мало, я рекомендую тебе всегда обеспечивать себе путь debugger, что селектор берет все элементы, которые ждет, что я выбрал.

3
ответ дан 24.11.2019, 13:52

Ты определяешь eventHandler в единственную статью btnCancelarFactura, что ты должен делать, состоит в том, чтобы меняться из-за одной clase вместо id (HTML)

Проверяет следующего cГіdigo для того, чтобы у тебя была идея:

 $('.btn').on('click',function () {
        alert($(this).data("id"));
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnCancelarA" class="btn btn-warning" data-id="A">Ok</button>
<button id="btnCancelarB" class="btn btn-warning" data-id="B">Ok</button>
<button id="btnCancelarC" class="btn btn-warning" data-id="C">Ok</button>
3
ответ дан 24.11.2019, 13:52
  • 1
    глаз, что, если ты используешь такие .btn как селектор, ты смог бы atacharte в другие не связанные кнопки. –  rnrneverdies 08.07.2016, 15:05

У меня есть кнопка в каждой линии таблицы с признаком восходи пойдите, который отличается в признак остальных линий

Хорошо, тогда забудь использовать тебе идентификацию. Используй классы.

<button class="btnCancelarFactura btn btn-warning" data-id="@item.facturaCancelacion">Ok</button>

И в JS:

$('.btnCancelarFactura').on('click',function () {
    var dataId = $(this).attr("data-id");
    alert($(this).attr("data-id"));
});

Я оставляю тебе пример функционируя: https://jsfiddle.net / gxLmtc88 / 2 /

Приветствие

Edit: я расширил тебе пример в несколько кнопок.

2
ответ дан 24.11.2019, 13:52