Question

Meine PHP HTML-Code ist dies:

<?php 

foreach($questions as $question){ 
    echo" 
    <div id='postShare'>    
     <div class='col-md-10 col-md-offset-1' id='listPost'> 
      <div class='list-group'>  
       <li class='list-group-item text-center '> 
        <span class='pull-left' id='question_author'>".$question->author."</span> 
        &nbsp; 
        <span class='pull-right' id='question_time'><p>".time_ago($question->time)."</p></span> 
        <hr> 
        <span class='pull-right' style='color:red;font-size:11px;'>سوال</span> 
        <br> 
        <center><h4 id='question_title'>" .$question->title. "</h4></center> 
        <hr> 
        <span class='pull-right' style='color:blue;font-size:11px;'>توضیحات</span> 
        <br> 
        <h5 id='question_desc'>".$question->description."</h5> 
        <hr>    
        <span class='pull-right' style='color:GoldenRod;font-size:11px;'>کد برنامه</span> 
        <br> 
        <pre id='question_code'>".$question->code."</pre> 
        <hr> 
        <button class='btn btn-primary' id='send_answer'>پاسخگویی به این سوال</button> 
       </li> 
      </div> 
     </div> 
    </div>"; 
} 

?> 

und meine Jquery-Datei ist dies:

$(function(){ 
    $("#send_answer").click(function(e){ 
     alert("cliked"); 
     e.preventDefault(); 
    }); 
}); 

Dieser PHP-Code nur holen und die Datenbank zeigen Daten mit einer Schaltfläche. Ich möchte, wenn ich auf diese Schaltfläche klicke, zeigt es eine Warnung an. Seine Arbeit für die neuesten Daten, die holen und nicht für alle arbeiten.

Answer 1

Sie müssen Schaltfläche mit der gleichen class erstellen. Das Erstellen mit demselben id führt dazu, dass nur einer bearbeitet wird.

PHP

<?php 
    foreach($questions as $question) { 
     echo " 
      <div id='postShare'> 
       <div class='col-md-10 col-md-offset-1' id='listPost'> 
        <div class='list-group'>  
         <li class='list-group-item text-center '> 
          <span class='pull-left' id='question_author'>".$question->author."</span>&nbsp; 
          <span class='pull-right' id='question_time'><p>".time_ago($question->time)."</p></span><hr> 
          <span class='pull-right' style='color:red;font-size:11px;'>سوال</span><br><center><h4 id='question_title'>" .$question->title. "</h4></center><hr> 
          <span class='pull-right' style='color:blue;font-size:11px;'>توضیحات</span><br><h5 id='question_desc'>".$question->description."</h5><hr>    
          <span class='pull-right' style='color:GoldenRod;font-size:11px;'>کد برنامه</span><br><pre id='question_code'>".$question->code."</pre><hr> 
          <button class='btn btn-primary send_answer'>پاسخگویی به این سوال</button> 
         </li> 
        </div> 
       </div> 
      </div>"; 
    } 
?> 

jQuery

$(function() { 
    $(".send_answer").click(function(e) { 
     alert("cliked"); 
     e.preventDefault(); 
    }); 
});