使用 jQuery 的多重选择器答案

【问题标题】：Multiple selector using jQuery使用 jQuery 的多重选择器
【发布时间】：2014-12-13 15:19:22
【问题描述】：

我正在使用 jquery 插件，我的代码看起来像这样。

<script type="text/javascript">
$(document).ready(function() {
    $('#fileUpload').uploadify({ 
      'uploader': 'img/uploadify.swf',
      'script': 'uploadify.php',
      'folder': 'upload',
      'auto' : 'true',
      'cancelImg': 'img/cancel.png',
      'fileDesc': 'jpg/jpeg',
      'displayData': 'percentage',
      'fileExt': "*.jpg;*.jpeg",
      'sizeLimit' : '8388608',
      'fileDataName' : 'file',
      onComplete: function(event, queueID, fileObj, reposnse, data) 
      {
     $('#filesUploaded').append('<a href='+fileObj.filePath+'>'+fileObj.name+'</a><br>');
     $("#firstUpload").remove();

        }
      }); }); 

$(document).ready(function() {
    $('#fileUpload2').uploadify({ 
      'uploader': 'img/uploadify.swf',
      'script': 'uploadify.php',
      'folder': 'upload',
      'auto' : 'true',
      'cancelImg': 'img/cancel.png',
      'fileDesc': 'jpg/jpeg',
      'displayData': 'percentage',
      'fileExt': "*.jpg;*.jpeg",
      'sizeLimit' : '8388608',
      'fileDataName' : 'file',
      onComplete: function(event, queueID, fileObj, reposnse, data) 
      {
     $('#filesUploaded').append('<a href='+fileObj.filePath+'>'+fileObj.name+'</a><br>');
     $("#firstUpload").remove();

     }
      }); }); 
      </script>

你有没有注意到我正在使用完全相同的功能，而我只是在更改 div 名称，这不是很荒谬吗？现在我希望我的 jquery 函数接受两个 div 参数。我可以这样做吗？

谢谢你..

【问题讨论】：

标签： javascript jquery jquery-selectors

【解决方案1】：

组合两个选择器，就像在 CSS 中一样：

$(document).ready(function() {
    $('#fileUpload, #fileUpload2').uploadify({ 
        ...
    });
});

【讨论】：

呵呵，我正在检查。 $('#fileUpload', #fileUpload2').uploadify({ 我在那里多加了一个单引号。谢谢。

【解决方案2】：

<script type="text/javascript">
$(document).ready(function() {
    $('#fileUpload,#fileUpload2').uploadify({ 
      'uploader': 'img/uploadify.swf',
      'script': 'uploadify.php',
      'folder': 'upload',
      'auto' : 'true',
      'cancelImg': 'img/cancel.png',
          'fileDesc': 'jpg/jpeg',
      'displayData': 'percentage',
      'fileExt': "*.jpg;*.jpeg",
      'sizeLimit' : '8388608',
      'fileDataName' : 'file',
      onComplete: function(event, queueID, fileObj, reposnse, data) {
        $('#filesUploaded').append('<a href='+fileObj.filePath+'>'+fileObj.name+'</a><br>');
        $("#firstUpload").remove();
      }
    }); }); 
</script>

【讨论】：