Показать сообщение отдельно
  #1 (permalink)  
Старый 09.03.2020, 06:57
Аватар для ozoro
Аспирант
Отправить личное сообщение для ozoro Посмотреть профиль Найти все сообщения от ozoro
 
Регистрация: 04.05.2019
Сообщений: 80

Текст первой td при клике по кнопке в третьем td вставить в определенный блок
Есть таблица
<table class="text_tab">
	<tbody>						
		<tr class="t1">
			<td data-title="Значение атрибута 1">Этот текст НЕ надо вставить</td>
			<td data-title="Значение атрибута 2"><div class="class0">Тест</div></td>							
			<td><div class="slass1"><a class="class2" href="#">Кнопка - ссылки для перехода</a></div></td>
		</tr>								
		<tr class="t0">
			<td data-title="Значение атрибута 1">Этот текст надо вставить</td>
			<td data-title="Значение атрибута 2"><div class="class0">Тест</div></td>							
			<td><div class="slass1"><a class="class2" data-target="#exampleModal" data-toggle="modal">Кнопка модал окна</a></div></td>
		</tr>
		<tr class="t1">
			<td data-title="Значение атрибута 1">Этот текст надо вставить</td>
			<td data-title="Значение атрибута 2"><div class="class0">Тест</div></td>							
			<td><div class="slass1"><a class="class2" data-target="#exampleModal" data-toggle="modal">Кнопка модал окна</a></div></td>
		</tr>
	</tbody>	
</table>




При клике по кнопке открывается модальное окно и нужно текст из первой ячейки (первого td) этой же строки (tr) вставить в блок в модальном окне
<div class="class3"></div>



У меня получилось лишь сделать при клике по строке, а нужно именно при клике по кнопке в этой строке, которая открывает модальное окно
$('tr.t1,tr.t0').on('click', function(){	
	var u = $('td:first-child', this).text();			
	$(".class3").html(u);

		console.log(u);	
});

Последний раз редактировалось ozoro, 09.03.2020 в 07:04.
Ответить с цитированием