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など）を持ちます。しかし、実際には、最初の場所でテーブルを構築したボタンであったbuild_tableについてのみ、コースナーム、開始日などでは機能しません。何か不足していますか？私は名前が正しいことを知っています、私はそれらのうちの1つ（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 

    }); 
});