0

while ループを使用してテーブルのすべての行を表示する SQL クエリがあります。各行は 2 つの div を生成します。1 つは行 ID 用で、もう 1 つは行名用です。名前のdivにカーソルを合わせると、行IDのdivが表示されるようにします。

セレクター以外はすべて機能しました。私は現在単純なクラスを使用していますが、明らかに任意の名前にカーソルを合わせると、カーソルを合わせている名前の id だけでなく、すべての id div が表示されます。

この効果を達成するために何が最善かを誰かが説明できれば、私はそれを大いに感謝します.

PHP

$result = mysqli_query($con,"SELECT * FROM table ORDER BY id DESC");

    while($row = mysqli_fetch_array($result))
      {

    echo "<div class='id' class='hidden'>" . $row['id'] . "</div><div class='name'>" . $row['name'] . "</div>";

      }

jQuery

$(document).ready(function() {
   $(".blue").mouseenter(function() {
       $(".red").removeClass("hidden");
   });
   $(".blue").mouseleave(function() {
       $(".red").addClass("hidden");
   });
   $(".red").mouseenter(function() {
       $(".red").removeClass("hidden");
   });
   $(".red").mouseleave(function() {
       $(".red").addClass("hidden");
   });
 });

CSS

.hidden {
 display: none;
}
4

2 に答える 2

0

PHP

$result = mysqli_query($con,"SELECT * FROM table ORDER BY id DESC");

while($row = mysqli_fetch_array($result))
{
   echo "<div class='order'><div class='id' class='hidden'>" . $row['id'] . "</div><div class='name'>" .       $row['name'] . "</div></div>";

}

jQuery

$(".order").on("mouseenter",function(e){
  $(e.target).find('div.id').show();
});
$(".order").on("mouseleave",function(e){
  $(e.target).find('div.id').hide();
});
于 2013-07-08T11:43:14.460 に答える