Multiple selector using jQuery

Question

i am using a jquery plugin and my code look somthing like this.

<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>

did you notice that i am using the exact same function and i am just changing the div name, ain't that ridiculous ? now i want my jquery function to accept two div parameters. can i do that?

thank you..

BoltClock · Accepted Answer · 2010-09-05 04:57:28Z

28

Combine the two selectors, just like in CSS:

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

answered Sep 5, 2010 at 4:57

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ibrahim Azhar Armar Over a year ago

hehe, i was checking like. $('#fileUpload', #fileUpload2').uploadify({ i was putting an extra single quote there. thank you.

Yanick Rochon · Accepted Answer · 2010-09-05 04:59:18Z

3

<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>

answered Sep 5, 2010 at 4:59

Yanick Rochon

53.8k30 gold badges146 silver badges231 bronze badges

Collectives™ on Stack Overflow

Multiple selector using jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related