JQuery와 다중 클릭 문제

Question

나는 다음과 같은 jQuery 코드가 있습니다

$(document).ready(function() 
    { 

     $("#build_table, a.coursename, .Start Date, .Book Title, .Book Author, .Book Isbn").click(function() 
     { 
      var whichButton = $(this).attr("class"); 
      console.log("Whichbotton = " + whichButton); 
      var prog = $("#program option:selected").text(); 
      var sch = $("#school option:selected").text(); 
      var trm = $("#term option:selected").text(); 
      var ext = $("#extension option:selected").text(); 
      if(prog == "" || sch == "" || trm == "") 
      { 
       alert("Please enter a selection for each field"); 
      } 
      else 
      { 
       $.get("build_table.php", {program: prog, school: sch, term: trm, extension: ext, button: whichButton}, 
       function(table) 
       { console.log("Entered table function"); 
        $("#input_table").replaceWith("<div id='input_table'>" + table + "</div>"); 
       }); 
      } 
     }); 
    }); 

방식 시작되는 시점을, 나는 여러 butttons을 위해 일하려는 클릭 기능을 가지고있다. 이 코드는 PHP 파일을 호출하여 테이블을 만들고 결과 테이블 헤더는 다른 클래스 이름 (예 : coursename)을 갖습니다. 하지만 사실은 coursename, Start date 등에서는 처음에는 테이블을 만든 버튼 인 build_table에 대해서만 작동합니다. 내가 놓친 게 있니? 나는 그 이름이 정확하다는 것을 안다, 나는 심지어 그 중 하나 (a.coursename) 중 하나에서 공간을 가져 가려고 노력했다. 그리고 여전히 작동하지 않았다 ...

Answer 1

나는 이것과 그 일을 구현했다.

HTML 코드 :

<input type="button" value="Build table" id="build_table"/> 
<input type="button" value="Course name" class="CourseName"/> 
<input type="button" value="Start date" class="StartDate"/> 
<input type="button" value="Book title" class="BookTitle"/> 
<input type="button" value="Book author" class="BookAuthor"/> 
<input type="button" value="Book isbn" class="BookIsbn"/> 

jQuery 코드 :

$(document).ready(function(){ 
    $("#build_table, .CourseName, .StartDate, .BookTitle, .BookAuthor, .BookIsbn").click(function(){ 
      alert("Yehh!! Its wroked :)"); 
      //your further code 

    }); 
});