Use Javascript string as selector in jQuery?

regarding to this, your vst must need to be an object which allow you to click on it, and you assign a class or id to the object in order to trigger the function and runs the for...loop

correct me if I am wrong, cause this is what I get from your question.

$(function() {
 $(vst).click(function() {
  ....
 }
})

You can use any string as element selector param for jQuery.

Read the docs for more information.

http://api.jquery.com/click/

http://api.jquery.com/

You can pass a String in a variable to the $() just the way you want to do it.

For example you can do:

var id = 'banner';
var sel = '#'+id;
$(sel).doSomething(); //will select '#banner'

What's wrong is the syntax you are using when binding the click handler. This would usually work like:

$(sel).click(function(){
//here goes what you want to do in the handler
});

See the docs for .click()

Your syntax is wrong, but other than that you will have no problem with that. To specify a click:

 $(function() {
      for ( i=0; i < parseInt(ids); i++){
          var vst = '#'+String(img_arr[i]);
          var dst = '#'+String(div_arr[i]);

          $(vst).click(function (evt) {
                ...
          });
      }
 })

Note that since vst is changing in the loop, your event code should also be placed in the loop.

EDIT: Assuming you want the same thing to happen for each image and each div, you could also do something like this:

$(function () {
    function imgEventSpec($evt) {
        // image clicked.
    }

    function divEventSpec($evt) {
        // div clicked.
    }

    for (var idx = 0; idx < img_arr.length && idx < div_arr.length; idx ++) {
        $("#" + img_arr[idx]).click(imgEventSpec);
        $("#" + div_arr[idx]).click(divEventSpec);
    }
});