javascript - 将javascript属性传递给javascript函数

我正在努力弄清楚如何将<div id>传递给另一个JavaScript。例如，在页面的开头，我具有以下脚本，该脚本创建了一个div id标记，该标记使我可以动态选择和更改页面的内容。

  $(document).ready(function() {

      $("select").change(function() {
          var subFolder = $(this).val();
          $('#folderName').text(subFolder);
          $('#stats').attr('src', '/hardware/' + subFolder + '/stats/usage.txt');
          $('#hostInfo').attr('src', '/hardware/' + subFolder + '/stats/host.txt');
          $('#folderContent').show();
      });

      $.ajax({
          url: 'getFolders.php',
       type: 'GET',
       dataType: 'json',
       success: function(json) {
            var $selectBox = $('#folderList');
            $.each(json, function(i, value) {
              $selectBox.append($('<option>').text(value).attr('value', value));
            });
            $selectBox.change();
          }
      });

  });

这使我可以执行以下操作-这将创建一个可以选择特定文件夹的选择器。

<div class="hidden-print">
<select id='folderList'></select>
</div>

当在上方选择文件夹列表时，它允许我更改以下项目的内容：
    
                    
                

像上面这样的另一个Java脚本。

$(document).ready(function() {
$('#example3').DataTable( {

    "processing": true,
    "ajax": {
        "url" : "../../reports/drives.txt",
        "dataSrc" : ""
    },
    "columns": [
        { "data": "Hostname.Name" },
        { "data": "Name"}
    ]
} );
} );

当我从选择器中选择上方的文件夹时，我希望同时修改AJAX下URL下方的文件夹以进行更新。

更新

进一步研究之后，我认为我的解释不太恰当。

  $(document).ready(function() {
      $("select").change(function() {
          var subFolder = $(this).val();
     $('#folderName').text(subFolder);
          $('#folderLogo').attr('src', '/server/' + subFolder + '/Logo/hardware.png');
          $('#folderContent').show();
      });

      $.ajax({
          url: 'getFolders.php',
       type: 'GET',
       dataType: 'json',
       success: function(json) {
            var $selectBox = $('#folderList');
            $.each(json, function(i, value) {
              $selectBox.append($('<option>').text(value).attr('value', value));
            });
            $selectBox.change();
          }
      });

  });
var thisId = $('folderList').attr('id');

我想将此变量设为单个文件夹，并在下面的脚本中使用它。

var subFolder = $(this).val();
     $('#folderName').text(subFolder);
          $('#folderLogo').attr('src', '/server/' + subFolder + '/Logo/hardware.png');

我想使用“子文件夹”并使用如下所示的内容：

$(document).ready(function() {
$('#example3').DataTable( {

    "processing": true,
    "ajax": {
        "url" : "/server/" +  subfolder + "/Stats/Map.txt",
        "dataSrc" : ""
    },
    "columns": [
        { "data": "Hostname.Name" },
        { "data": "Name"}
    ]
} );
} );

我试图获取下面的方法来进行div id转换，而当我以这种方式尝试时它没有任何数据。我应该说过，我想在上面的脚本的子文件夹中使用变量...我尝试了一个window.variable名称，我尝试了全局变量，但似乎仍然无法正常工作。我的猜测是变量的处理方式没有延续。

最佳答案

您可以使用$('#folderList').attr('id')访问ID。

将其分配给变量并将其传递给函数。如果使用$（document）.ready（）加载单独的脚本，除非它是全局变量，否则它可能不可用。

这样的事情可能会帮到您。

var thisId = $('#folderList').attr('id');
$(document).ready(function() {
    $('#'+thisId).append('whatever');
} );

关于javascript - 将javascript属性传递给javascript函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35837638/