Использование .find() и .each() в JS/Jquery

Question

У меня есть PHP-файл, который представляет собой представление (в основном HTML), состоящее из нескольких таблиц. Когда пользователь нажимает на один из button, я хочу, чтобы переменные, которые находятся в моих ячейках (и в правильной таблице), отправляются в таблицу в моей базе данных.

Для этого я буду использовать AJAX позже, но на данный момент у меня проблема с JS/Jquery.

Так что я сделал что-то вроде этого:

$('.boutton').click(function(){ 

    $(?).find('td input').each(function(){ 
     console.log($(this)); 
     console.log($(this).val()); 

     var iValue = $(this).val(); 
     var sAllId = $(this).attr('id'); 
     var sName = $(this).attr('name') 
    }); 

}); 

Моей таблицы и кнопки в DIV, который имеет в качестве id «стола» + номера таблицы.

Я не знаю, что делать, поскольку я хочу, чтобы это работало на каждом столе и на каждой кнопке. Он должен выбрать только вход td, который находится в таблице, где была нажата кнопка.

Мой HTML является в переменную $ SHTML, так как все в этой таблице сделаны из DATAS (в моей БД), но это должно быть что-то вроде этого:

<table id = "domaine-1-south"> 
    <tr> 
     <th>BlaBla</th> // Several times 
    </tr> 
    <tr> 
     <td>Blabla</td> 
     <td><input id = "1#1#1#" name="high"></td> 
     <td><input id = "1#1#1#" name="mid"></td> 
     <td><input id = "1#1#1#" name="low"></td> 
    </tr> 
    <tr> 
     <td>Blabla</td> 
     <td><input id = "1#1#2#" name="high"></td> 
     <td><input id = "1#1#2#" name="mid"></td> 
     <td><input id = "1#1#2#" name="low"></td> 
    </tr> 

Для ИН 1 # 1 # 1 # последний 1 для номера строки, а второй - для той таблицы, в которой я.

Answer 1

Вы можете использовать «начать с» селектором ^=, чтобы выбрать все таблицы, которые имеют id старт с table:

$('[id^="table"]').find('td input').each(function(){ 

Но в вашем OP вы хотите, чтобы выбрать конкретный table, связанный с кнопкой щелкнутой .boutton, так что я думаю, что у вас есть это button внутри таблицы, чтобы вы могли выбрать текущий table с помощью:

$(this).closest('table[id^="table"]').find('td input').each(function(){ 

Надеюсь, это поможет.