php - jQuery ID 选择动态

Question

不确定这是否可以完成，我正在接近它的方式。这里什么都没有。我正在从 php 上传脚本中回显图像，每个 img 都有一个唯一的 ID，从 A1、A2、A3、A4 等开始。现在我可以选择那个 img ID 并创建我想要的操作，但是我必须为每个 ID 执行此操作，我将无法在创建新 ID 时执行此操作，我将如何告诉 jQuery 对 A1 执行相同的操作( A2,A3) 某种增量。

JS

$(document).ready(function(){
   $("#1 ").hover(
   function(){
    $("#A1").slideDown();
   },

   function(){
     $("#A1").slideUp();
   });
});

$(document).ready(function(){
   $("#2 ").hover(

   function(){
     $("#A2").slideDown();
   },
   function(){
     $("#A2").slideUp();
   });
});

PHP

$i= 0; while(($file = $myDir->read()) !==false){
  if(!is_dir($file)){
    $i++;
    //echo "Filename: $file<br/>";
    echo "<div id='images'>";
    echo "<p>";
    echo "<a id='$i'href=\"display/$file\"><img src=\"thumbs/$file\" /> </a>\n";
    echo "</p>";
    echo"</div>";
    echo "<div id='imageHolder' >";
    echo "<img id='A$i' style='display:none' src=\"display/$file\" />";
    echo"</div>";
  }
}

Answer 1

您的新项目是如何生成的？在页面加载时，或者您是否通过 jQuery 使用 ajax 请求？在任何一种情况下，您都可以通过这种方式选择以特定值(即“A”)开头的所有元素:

$("a").hover(
    function(){
        $(this).find(img[id^='A']).slideDown();
    },
    function(){
        $(this).find(img[id^='A']).slideUp();
});

如果我不在这里，有人随时可以帮助我。

更新

谢谢大家 - 这样的事情怎么样？

$("a").hover(
    function(){
        id = $(this).attr('id');
        $("#A"+id).slideDown();
    },
    function(){
        id = $(this).attr('id');
        $("#A"+id).slideUp();
});

这将查找页面上的所有链接并使用 ID(根据您的代码)查找幻灯片项目。如果您动态创建它们，您需要将其放入函数中并在 ajaxComplete 上再次调用它。