trigger click event of div manually

Question

i have a div which has many divs.when binding the divs i create click event for each item like below

    jQuery.each(opts.items, function (i, item)
                  


        

Answer 1

Get you Elements via Jquery and use trigger function ;)

$("#yourdesiredselementsid").trigger("click");

Answer 2

Give your outer div a class name

  <div class="display">
   <div id="1"></div>
   <div id="2"></div>
    </div>

And then

$('.display').on('click','div',function (e) {

alert('hey');
  });

Answer 3

What you have aren't valid selectors. You're passing something that's almost HTML to the jQuery function so it doesn't know what to do with it.

If the IDs for your elements are 1 and 3, then you'd just do:

$('#1, #3').trigger('click');

Perhaps a better way, if you want to simulate the click on each of them, is to iterate over your collection again:

jQuery.each(opts.items, function(i, item) {
    $('#' + item.key).trigger('click');
});