如何使 SQL 的 PHP 输出对于我可以使用 jQuery 访问的每个元素都有唯一的名称

Question

我正在尝试制作简单的cms;下面的代码是index.php。

现在我找不到让jquery选择每个项目的方法，因为它们具有相同的名称。
例如，我想做的是：选择（在$（.subject））.hover然后（一个$（.subjectpic））.show

如何让他们有自己的名字？

<?php
if(!$query){
    print "submit error";
}
else {
    while($list=mysql_fetch_array($query)){
        print"
        <div class="subjectwrap">
                <div class="subject">$list[subject]</div>
                <div class="subjectpic">$list[subjectpic]</div>
        </div>
        ";
    }
}   
?>

Answer 1

有两个选项。你可以用jQuery完成这一切，选择同级主题：

$('.subject').hover( function() {
   $(this).closest('.subjectwrap').find('.subjectpic').show();
});

或者你可以用PHP来做，为每个分配一个数字数据主体索引：

<?php
if(!$query){
    print "submit error";
}
else {
    $i = 1;
    while($list=mysql_fetch_array($query)){
        print"
        <div class="subjectwrap">
                <div class="subject" data-subject="$i">$list[subject]</div>
                <div class="subjectpic" data-subject="$i">$list[subjectpic]</div>
        </div>
        ";
        $i++;
    }
}   
?>

通过在 PHP 中分配一个数字索引，你可以使用 jQuery 来定位它：

$('.subject').hover( function() {
    var thisSubject = $(this).attr('data-subject');
    $('.subjectpic[data-subject=' + thisSubject + ']').show();
});