1

Есть грид. В HTML он выглядит как таблица. В каждой строке в одной из колонок есть кнопка (например, "Добавить подробности"), при нажатии на которую открывается окно - попап.
Известен id этого попапа - например, popup.
Как узнать в какой строке мы нажали кнопку по id попапа?
Это нужно, чтобы в дальнейшем вытянуть одно из значений колонки строки.
Т.е. прописываем $("#popup"), а дальше?

2
  • При нажатии на кнопку сохраняйте куда-либо необходимую информацию о строке, в которой находится данная кнопка, перед показом popup-a. Далее используйте эту информацию где вам нужно. Так как соответствующий код вы не предоставили, дальше абстрактного описания уйти не получится.
    – Regent
    20 янв 2016 в 11:38
  • сформулирую вопрос по другому. Есть массив кнопок. Например узнал его так - var buttons = $('.testButtons'); Как можно узнать какая из кнопок была нажата? 20 янв 2016 в 12:39

1 ответ 1

2

О том, какая кнопка была нажата, можно понять по объекту события e.target:

$('td').on('click', function(e) {
    $('#popup').html($(e.target).html())
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tbody>
        <tr>
            <td>Ячейка 1</td>
            <td>Ячейка 2</td>
            <td>Ячейка 3</td>
            <td>Ячейка 4</td>
        </tr>
    </tbody>
</table>
<div id="popup"></div>
вместо e.target в данном случае можно и просто this использовать, спасибо @Regent за правку

2
  • Umer, спасибо за ответ! 20 янв 2016 в 13:25
  • 1
    @Дмитрий вместо e.target можно и просто this использовать.
    – Regent
    20 янв 2016 в 15:16

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.