javascript - 获取函数内的文件夹名称

Question

我有这个脚本

<script type="text/javascript">
   $(document).ready(function() {
      $("a[rel='Hotel']").colorbox({
         maxWidth: "90%",
         maxHeight: "90%",
         opacity: ".5"
      });
      $("a[rel='Rooms']").colorbox({
         maxWidth: "90%",
         maxHeight: "90%",
         opacity: ".5"
      });
   });
</script>

其中 Hotel 和 Rooms 是我在画廊文件夹中的两个文件夹的名称。

我想要实现自动创建文件夹的目标。例如:

<script type="text/javascript">
   $(document).ready(function() {
      $("a[rel='Hotel']").colorbox({
         maxWidth: "90%",
         maxHeight: "90%",
         opacity: ".5"});
      $("a[rel='Rooms']").colorbox({
         maxWidth: "90%",
         maxHeight: "90%",
         opacity: ".5"});
      $("a[rel='Another Name']").colorbox({
         maxWidth: "90%",
         maxHeight: "90%",
         opacity: ".5"});
      $("a[rel='Another Name']").colorbox({
         maxWidth: "90%",
         maxHeight: "90%",
         opacity: ".5"
      });
   });
</script>

我尝试过使用类似的东西，但它不起作用

  <script type="text/javascript">
     $(document).ready(function() {
        function listFolderFiles($dir) {
           $ffs = scandir($dir);
                   foreach($ffs as $ff){
           if ($ff != '.' && $ff != '..'){
           echo "$('a[rel='$ff']').colorbox({maxWidth: '90%', maxHeight: '90%', opacity: '.5'});";
        }
        }
     }

     listFolderFiles('galleries');
     });
  </script>

任何帮助将不胜感激

Answer 1

如果您使用纯 JS，则只需使用 for 语句并从数组中提取:

var strings = ['Hotel', 'Room'];
for(var i = 0; i < strings.length; i++){
    $("a[rel='" + strings[i] + "']").colorbox({
        maxWidth: "90%",
        maxHeight: "90%",
        opacity: ".5"
    });
}

根据OP请求

function addType(name){
    $("a[rel='" + name + "']").colorbox({
        maxWidth: "90%",
        maxHeight: "90%",
        opacity: ".5"
    });
}

编辑

与OP讨论后解决方案如下:

$(document).ready(function() { 
    function listAdd(){ 

        <? 
        $dir = "galleries/"; 

        // Sort in ascending order - this is default 
        $folders = scandir($dir); 
        echo 'var folders = ', json_encode($folders);echo ';'; 
        ?> 

        if(folders[0] == '.') folders.shift(); 
        if(folders[0] == '..') folders.shift();
        for(var i = 0; i < folders.length; i++){ 
            $("a[rel='" + folders[i] + "']").colorbox({ 
                maxWidth: "90%", 
                maxHeight: "90%", 
                opacity: ".5" 
            }); 
        }
    }
    listAdd();
});