title: jQuery post/Ajax , one button locates different values of a table
body: <p>i have created a code that displays some data from my database. And then the user can choose if he wants to open one of the <code>pdf files</code>.</p>
  
  <p>Here's my problem:</p>
  
  <blockquote>
    <p>One Row</p>
  </blockquote>
  
  <p>when the table has only one row , then the file opens <strong>perfectly</strong>.</p>
  
  <blockquote>
    <p>Two or more Rows</p>
  </blockquote>
  
  <p>if my table has multiple  rows  then nothing happens.. <strong>No errors</strong> but also <strong>no response</strong></p>
  
  <p><em>I have tried  to use the  <code>$(this).closest("tr")</code> but  is didn't work</em></p>
  
  <blockquote>
    <p>My files</p>
    
    <p>displaySearchResults.php</p>
  </blockquote>
  
  <pre><code>&lt;!--css --&gt;
  &lt;link rel="stylesheet" href="resultTable.css"&gt;
  &lt;!-- Display  Results --&gt;
  &lt;div class="header"&gt;
  &lt;h1&gt;Αποτελέσματα  Αναζήτησης &lt;img src="" width&gt;&lt;/h1&gt;
  &lt;hr&gt; 
  &lt;/div&gt;
  
  &lt;div class="result_table"&gt;
  &lt;table&gt;
  &lt;div&gt;
  &lt;th&gt;Όνομα Ιδιοκτήτη&lt;/th&gt;
  &lt;th&gt;Περιοχή&lt;/th&gt;
  &lt;th&gt;Οδός / Θέση&lt;/th&gt;
  &lt;th&gt;Οικοδομικό Τετράγωνο (Ο.Τ)&lt;/th&gt;
  &lt;th&gt;Έτος Ανασκαφής&lt;/th&gt;
  &lt;th&gt;Αριθμός Σχεδιαστικού  Αρχείου&lt;/th&gt;
  &lt;th&gt;Λέξεις Κλειδία&lt;/th&gt;
  &lt;th&gt;Αρχαιολόγος&lt;/th&gt;
  &lt;th&gt;Όνομα Αρχείου&lt;/th&gt;
  &lt;th&gt;Μέγεθος Αρχείου&lt;/th&gt;
  &lt;th&gt;Open file&lt;/th&gt;
  &lt;th&gt;Download file&lt;/th&gt;
  &lt;/div&gt;
  &lt;div&gt;
  &lt;?php
  
      while  ($row = mysqli_fetch_assoc($result)){
  ?&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;?php echo $row['owner_name']; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $row['area']; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $row['street']; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $row['building_block']; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $row['year']; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $row['number']; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $row['key_words']; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $row['archeologist']; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $row['filename']; ?&gt;
              &lt;input type="hidden" id='filename' value='&lt;?php echo $row['filename']; ?&gt;'&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo floor($row['size']/1000);
              echo "KB"; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;button class="button1" id="button1"&gt;OPEN&lt;/button&gt;&lt;/td&gt;
              &lt;td&gt;&lt;button class="button2" id="button2"&gt;DOWNLOAD&lt;/button&gt;&lt;/td&gt;
  
          &lt;/tr&gt;
  &lt;?php
  }
  
  
  ?&gt;
  &lt;/div&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;p  id="open"&gt;&lt;/p&gt;
  
  &lt;script&gt;
          $(document).ready(function(){
  
              $("#button1").click(function(){
                  //var extension = $(this).closest("tr").find(".Extension").text();
                  var filename =  $("#filename").val();
  
  
                  $.post("openFile.php", 
                  {
                      filename: filename
  
  
                  },function(data){
                      $("#open").html(data);
  
                  });
  
  
             });
          });
  &lt;/script&gt;
  </code></pre>
  
  <blockquote>
    <p>openFile.php</p>
  </blockquote>
  
  <pre><code>&lt;?php 
  $filename = $_POST['filename'];
  echo "&lt;iframe src=\"$filename\" width=\"100%\" style=\"height:100%\"&gt;&lt;/iframe&gt;";
  ?&gt; 
  </code></pre>