Как получить текст дочерней формы при нажатии на элемент ввода

Question

Как получить текст дочерней формы при нажатии на элемент ввода

Это мой HTML макет. У меня есть несколько форм:

 <table>

     <form>

         <tr>

             <td id="1">Text1</td>

             <td id="2">Text2</td>

             <input type="button" value="Submit" id="submit1">

         </tr>

     </form>

     <form>

         <tr>

             <td id="1">Text1</td>

             <td id="2">Text2</td>

             <input type="button" value="Submit" id="submit2">

         </tr>

     </form>



</table>

Я хочу получить текст между <td> и id=1. Вот что я сделал:

$(document).ready(function(){

    $('[id*="submit"]').on('click', function() {

        console.log($(this).closest("form").find('td first').text());

    }); 

});

466 3

jQuery javascript html

3 ответов:

Comments

Ничего не найдено.

Shiladitya · Accepted Answer · 2017-10-20 07:38:27

Вот вам и решение

$(document).ready(function(){
  $('[id*="submit"]').on('click', function() {
    console.log($(this).closest('form').find('td').first().text());
  }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <table>
    <tr>
      <td id="form1-1">Form 1: Text1</td>
      <td id="form1-2">Text2</td>
       <input type="button" value="Submit" id="submit1">
     </tr>
 </table>
</form>
<form>
 <table>
   <tr>
     <td id="form2-1">Form 2: Text1</td>
     <td id="form2-2">Text2</td>
     <input type="button" value="Submit" id="submit2">
   </tr>
  </table>
</form>

В вашем коде мало чего можно заметить

id должно быть уникальным
form тег должен находиться вне table

Надеюсь, что это будет Вам.

Julia Finarovsky · Accepted Answer · 2017-10-20 07:33:19

Ты почти угадал! Это должно быть
$(this).closest("form").find('td#1').text()
Вы можете не использовать идентификаторы в этом контексте; они должны быть уникальными.

Haze Erasmo · Accepted Answer · 2017-10-20 08:14:46

Вы должны быть предпочтительнее class, чем id, мне нравится то, что Julia Finarovsky сказал, id должно быть уникальным.

Вы почти угадали, хотя просто забыли : между td и first в find param
$(document).ready(function(){
    $('[id*="submit"]').on('click', function() {
        console.log($(this).closest("form").find('td:first').text());
    }); 
}); 
Надеюсь, это поможет.