2016-12-05 5 views
1

jqueryを使用してクラスをテーブル行要素に追加しようとしていますが、最初の行でのみ機能します。 mysqlデータベースを使用してテーブルにデータを入力していて、を使用し、ループを使用してテーブルを表示しています。テーブル行にクラスを追加するJqueryは最初の行にのみ適用されます

ボタンを押した後、マウスを重ねると色が変わります。

.hoverChange:hover 
{ 

    background-color: #66ccff 

} 

テーブルと、すべてのデータを表示するwhileループ:

   <table border = 1> 
       <tr> 
       <th> ID </th> 
       <th> Name </th> 
       <th> Description </th> 
       <th> Type </th> 
       <th> Price </th> 
       <th> Cost Price </th> 
       <th> Stock Level </th> 
       <th> EAN </th> 
       </tr> 

       <?php 

       while ($product_Info = mysqli_fetch_array($result,MYSQLI_ASSOC)) { 


         ?> 

         <tr id = tableRows> 

         <?php 
         echo "<td>" . $product_Info["product_ID"] . "</td>"; 
         echo "<td>" . $product_Info["product_Name"] . "</td>"; 
         echo "<td>" . $product_Info["product_Desc"] . "</td>"; 
         echo "<td>" . $product_Info["product_Type"] . "</td>"; 
         echo "<td>" . $product_Info["product_Price"] . "</td>"; 
         echo "<td>" . $product_Info["product_Cost"] . "</td>"; 
         echo "<td>" . $product_Info["product_Stock"] . "</td>"; 
         echo "<td>" . $product_Info["product_ean"] . "</td>">       


         echo "<tr>"; 

       } 

       echo "</table>"; 

ボタン:

<button type="button" id = "updateBtn" class="btn btn-info">Update</button>     

そして最後に、jQueryの私は、テーブルの行要素に適用するクラス私は使用しています:

+0

@JayBlanchardああ、完全にそれを監督します。とにかくあなたの答えはここで何が間違って説明されました – empiric

+0

ありがとうございます@JayBlanchard、それは今うまくいきます。 –

+0

答えがあなたの問題を解決した場合は、答えを受け入れることを検討してください。 http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-workがここに戻って、ティック/チェックマークで緑色に変わるまで同じことを行う方法があります。これはコミュニティに通知し、解決策が見つかりました。そうでない場合、他の人は質問がまだ開いていると思うかもしれませんし、(もっと)回答を投稿したいかもしれません。あなたはポイントを獲得し、他の人はあなたを助けることを奨励されます。 *スタックへようこそ!* –

答えて

4

テーブル行にIDの代わりにクラスを使用する必要があります。 ID's Must Be Unique、具体的には、これらの要素と対話しようとするとJavaScriptとCSSに問題が発生するためです。

迷子スペースがあり、属性を引用していません。また、これはあなたがオブジェクトを繰り返すclassの代わりid属性を使用する必要があり、将来的にすなわち

<tr class="myClass"> 
0

問題になる可能性があります。 IDはページ全体で一意でなければなりません。

コード内のスペースに注意してください;)

関連する問題