jQuery prev（）与选择器

Question

The goal is to dynamically prepopulate a modal form with data that exists in a table. Here is my existing code:

<table>
  <tr>
    <th>header1</th>
    <th>header2</th>
         ...
  </tr>
  <tr>
    <th class='column1'>A</th>
    <th class='column2'>B</th>
         ...
  </tr>
</table>

Jquery:

$(document).ready(function() {
  $('.open_dialog').click(function(){
   $('#opName').val($(this).prev().prev().prev().text());
   $('#opPrefix').val($(this).prev().prev().text());
   $('#opDefaultErrorString').val($(this).prev().text());
       $('#formModal').modal('show');
       return false;
  });
...

so I have had to ridiculously call prev() over and over because for some reason when i try to directly go to the column I want by using prev('.column1').text() it gives "an empty string".

What am I missing here?

Answer 1

.prev() can only return the immediately preceding element.

You want .prevAll('.column1') .