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の私は、テーブルの行要素に適用するクラス私は使用しています:
@JayBlanchardああ、完全にそれを監督します。とにかくあなたの答えはここで何が間違って説明されました – empiric
ありがとうございます@JayBlanchard、それは今うまくいきます。 –
答えがあなたの問題を解決した場合は、答えを受け入れることを検討してください。 http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-workがここに戻って、ティック/チェックマークで緑色に変わるまで同じことを行う方法があります。これはコミュニティに通知し、解決策が見つかりました。そうでない場合、他の人は質問がまだ開いていると思うかもしれませんし、(もっと)回答を投稿したいかもしれません。あなたはポイントを獲得し、他の人はあなたを助けることを奨励されます。 *スタックへようこそ!* –