Warum gibt mir dieser Button nur den Wert meiner ersten Spalte in einer Tabelle

Question

Warum gibt mir meine Taste nur den Wert meiner ersten Spalte in einer Tabelle, wenn ich die andere Taste angeklickt habe gibt es mir die gleiche Ausgabe wie die erste Säule. hier ist der Code das Element in der Tabelle

try { 
 
     while($row=$query->fetch(PDO::FETCH_NUM)) 
 
     { 
 
      echo 
 
      '<tr> 
 
       <td ><div id="studID">'.$row[0].'</div></td> 
 
       <td>'.$row[1].'</td> 
 
       <td>'.$row[2].'</td> 
 
       <td>'.$row[3].'</td> 
 
       <td> 
 
        <button class="button active" 
 
         name="button"value="'.$row[0].'">view</button> 
 
       </td> 
 
      </tr>'; 
 
     } 
 
     echo '</table>'; 
 
    } catch(PDOException $e){ 
 
     echo "Error: ".$e; 
 
    }

zeigen, und hier ist die codierte, wenn ich die Taste

<script type="text/javascript"> 
 
\t $(".button").click(function(){ 
 
\t  var id =$('.button').val(); 
 
\t  alert (id); 
 

 
\t }); 
 
\t </script>>

thanks in advance. 

geklickt

Answer 1

Verwenden this Objekt wie unten:

<script type="text/javascript"> 
$(".button").click(function(){ 
    var id =$(this).val(); 
    alert (id); 
}); 
</script>> 

Answer 2

Klicken Sie immer auf das erste übereinstimmende Element von dom. Wenn Sie alle Schaltflächen bekommen wollen, dann erhalten Sie mit for() loop, jeder Schleife, Kartenfunktion, oder Sie können der Unterstrichbibliothek folgen.

Answer 3

Sie Ihrer Taste, um den Wert nicht geben, anstatt in Ihrer Klick-Funktion

$("td").each(function() { 
    var id = $('td').val(); 
    alert(id); 
}); 

Auf diese Weise tut es jedes Ihrer td Elemente iterieren und eine Warnung mit dem Wert davon produzieren. Oder Sie können dies tun:

var valueArray 

$("td").each(function() { 
    var id = $('td').val(); 
    valueArray.push(id); 
}); 

alert(valueArray); 

Welche sollte hoffentlich eine Warnung mit allen Werten in ihm tun.

und für den Button tun:

<button class="button active" name="button">view</button> 

Aber bedenken Sie, dass diese es für alle td-Elemente auf Ihrer Seite tun also, wenn Sie diese mehr als einen Tisch haben für jeden td eine Warnung tun in jeden Tisch, den du hast. Um dies zu vermeiden, geben Sie der Tabelle eine ID und ersetzen Sie $("td") durch $("#tableID td").

Answer 4

Sie müssen alle verfügbaren Klassen mit der Funktion jQuery.each() durchlaufen. Während hier erhalten Sie nur den ersten Elementwert.

Sie können versuchen, etwas wie unten:

<script type="text/javascript"> 
$(".button").click(function(){ 
    $(".button").each(function(index) { 
    alert($(this).val()); 
}); 
}); 
</script>