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

Question

[Богдан Герасименко]

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

Есть некий код:

<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() ничего не получается...

Answer 1

[Bhudh]

function get_name(number) {
  return $('.'+number).find('span.name').text();
}

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

Уникальный идентификатор — это id. А у Вас это class.

Answer 2

[alex]

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);
});

Comments

[Богдан Герасименко]

Довольно интересное решение, спасибо!