jQuery的只是适用于最新的按钮并不是所有的按钮

我的PHP的HTML代码是这样的：jQuery的只是适用于最新的按钮并不是所有的按钮

<?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>"; 
} 

?>

和我的jQuery的文件是这样的：

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

这PHP代码只是获取和显示数据库数据与一个按钮。我想要点击该按钮时显示警报。其工作的最新数据提取和不工作。

来源

2016-09-20 Amirh_ba

因为你复制你的HTML'id'值。这是无效的，所以JavaScript的行为是未定义的。 – David

这是非法的 - 您正在创建具有相同ID的按钮。使用一个类，而不是一个循环元素的ID。 –

@SterlingArcher“非法”？你的意思是“无效”吗？ –

您需要使用相同的class创建按钮。使用相同的id创建将导致只有一个被操作。

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(); 
    }); 
});

来源

2016-09-20 13:26:04

非常感谢。它的工作原理 –

乐意帮忙:) –

请接受答案 –

jQuery的只是适用于最新的按钮并不是所有的按钮

回答

相关问题