Ajax Id Авто Увеличение

Question

Возможно, я буду звучать или выглядеть глупо, но мне нужно учиться. Проверьте следующую часть кода:

       $('.buttonclass').click(function(){ 
        var button_id = $(this).attr('id'); 
     $('#'+button_id).click(function(){   

           var yes = $("input#yes").val();
    if (yes == "") {
   return false;
   }
var id = $("input#id").val();
    if (id == "") {
  return false;
}

        var dataString = 'yes='+ yes + '&id=' + id;



            //try insted this    //alert (dataString);return false;  
              $.ajax({  type: "POST",  dataType:'HTML', 
              //or the appropiate type of data you are getting back 
               url: "http://www.edshaer.com/EdinburgCISD/Gorena/Gorena.php",      data: dataString,


                //in the php file do $email = $_POST['email']; 



                  //not a good practice but you can try with it and without it 
                   success: function(data) {  



                $("#div").hide(data).fadeOut();
                   $("#div").html(data);
                   $("#div").show(data).fadeIn();


                   // Change the content of the message element    

                      // Fade the element back in 
                         }    });
                            //ajax ends 
                                         return false; });
                                         //click ends   
                                          });//document ready ends

Мой идентификатор кнопки, который отправляется на мою html-страницу, отправляет случайные числа. Например Это может быть:

                $("#383").click(function() {                                      

или это может быть:

                  $("#521").click(function() { 

У меня вопрос, как мне сделать это для автоматического увеличения идентификатора нажатой кнопки, чтобы, независимо от того, какой номер идентификатора был нажат, он все равно выполнял бы код без проблем ... Сейчас у меня есть это: *

       $('.buttonclass').click(function(){ 
      var button_id = $(this).attr('id'); 
          $('#'+button_id).click(function(){   

Надеюсь, кто-нибудь может мне помочь ... дайте мне знать, если вам нужна дополнительная информация ... Спасибо заранее ...

Вот часть моего HTML-кода ... Надеюсь, он будет немного более понятен ...

    <?php
   $data3 = mysql_query("SELECT * FROM `EdinburgCISDGorenamessage` 
   ORDER BY `ID` DESC LIMIT 0, 100") 
       or die(mysql_error()); 
          echo "<div id=\"div\">    <table align=\"center\" width=\"570\">"; 
        while($info3 = mysql_fetch_array( $data3 )) 
          { 

           $id = $info3['ID'];
          }
       ?>

       <form name="contact" id="post" method="post" action="">
         <input  id="id" value="<?php echo $id?>"/>
           <input type="submit" class="buttonclass" id="<?php echo $id?>" name="<?php echo $id?>" value="Yes" />

       <input type="submit" id="no<?php echo $id ?>" name="no<?php echo $id ?>" value=" No " /> </form>

Я не хочу предоставлять весь код, потому что он слишком грязный, и в нем нет вопроса ... Дайте мне знать, если вам нужно что-нибудь еще.

Answer 1

Используйте вместо этого класс. Добавьте класс к кнопке и добавочный идентификатор, который вы дадите ему во время печати в своем html-файле (я полагаю, вы используете эхо-кнопки в цикле?), А затем просто используйте один фрагмент кода:

$('.buttonclass').click(function(){

   var button_id = $(this).attr('id');
   $('#'+button_id).click(function(){
     // your function here
      alert(button_id); // just to see if ID is retrieved
   )};
});

Итак, если у вас есть

<button id="325" class="buttonclass" type="button">BUTTON 325</button>
<button id="150" class="buttonclass" type="button">BUTTON 150</button>

Идентификатор нажатой кнопки восстанавливается только при нажатии на нее