Kleindberg
@Kleindberg
Full stack

Как с помощью jQuery получить значение из таблицы?

Здравствуйте!

Есть некий код:
<table class="table-1">
	<tr class="row-1">
		<td><span class="name">Test</span></td>
		<td><button onClick="get_name('row-1')">Get</button></td>
	</tr>
	...
	<tr class="row-999">
		<td><span class="name">Test 999</span></td>
		<td><button onClick="get_name('row-999')">Get</button></td>
	</tr>
<table>

И функция, которой передается уникальный идентификатор родителя (в нашем случае row-1):
function get_name(number) {
	// тут пусто
}

Как при помощи jQuery получить значение из <span class="name">Test</span> из <tr class="row-1">? Возможно, передавать класс родителя и не нужно, просто через this() и parent() ничего не получается...
  • Вопрос задан
  • 268 просмотров
Решения вопроса 2
@Bhudh
function get_name(number) {
  return $('.'+number).find('span.name').text();
}


передается уникальный идентификатор родителя

Уникальный идентификатор — это id. А у Вас это class.
Ответ написан
Комментировать
potapchino
@potapchino
https://jsfiddle.net/alexbie/28odacmr/

<table class="table-1">
  <tr class="row-1">
    <td><span class="name">Test</span></td>
    <td><button>Get</button></td>
  </tr>
  <tr class="row-999">
    <td><span class="name">Test 999</span></td>
    <td><button>Get</button></td>
  </tr>
<table>


$('.table-1').on('click', 'button', e => {
	const text = $(e.target).closest('tr').find('span.name').text();
  console.log(text);
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы