Блог

Главная - Вопросы по программированию - Как получить значение ячейки таблицы с помощью jquery по щелчку строки и показать значение в другой таблице?

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

#javascript #jquery #codeigniter

#javascript #jquery — запрос #инициатор кодирования #jquery #codeigniter

Вопрос:

Я хочу создать представление, которое получает значение из html-таблицы и показывает значение в другой таблице. У меня есть поиск, как это сделать, но я его еще не нашел.Я нашел много способов, но просто получаю ценность. Я новичок в jquery и не знаю, как это сделать. Пожалуйста, помогите мне. Спасибо

Комментарии:

1. Я использую codeigniter

Ответ №1:

 $('#sourceTable tr').click(function() {
    $(this).clone().appendTo($('#destTable'));
});  
 td {
    border: 1px solid black;
    padding: 5px;
}

td:hover {
    cursor: pointer;
}  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table id="sourceTable">
    <tr>
        <th>Source Table</th>
    </tr>
    <tr>
        <td>Row 1</td>
    </tr>
    <tr>
        <td>Row 2</td>
    </tr>
    <tr>
        <td>Row 3</td>
    </tr>
</table>

<table id="destTable">
    <tr>
        <th>Dest Table</th>
    </tr>
</table>

Комментарии:

1. Привет @jack, спасибо за ответ. но я хочу сделать это в ajax, и когда я щелкну по другой строке, это обновит таблицу до нового значения? вы знаете, как это сделать? заранее спасибо.

2. Я не знаю, полностью ли я понимаю проблему. У вас есть одна или две таблицы. При щелчке по строке вы хотите, чтобы таблица повторно заполнялась новыми значениями из выборки ajax?

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

4. Вы можете вставить вызов ajax внутри .click функции из приведенного выше фрагмента. Когда это разрешится, вы сможете очистить вторую таблицу и добавить результаты на основе вызова ajax или клонированного элемента из предыдущего.