JQuery selectors

Question

Need a little help with my jquery here

I need my entire button with a name starting with "my-" and ending with "-press" to have a click event.

<input type="button" id="my-button-x-press" name="my-button-x-name-press" />

Buttons dynamically added to the DOM must have the same event.

Answer 1

http://api.jquery.com/category/selectors/

$('input[type=button][name^=my-][name$=-press]').click(function() {
   // code
})

To dynamically assign events to elements, use on http://api.jquery.com/on/ and set your selector as the second argument to the correct delegateevent.

$('#container').on('click', 'input[type=button][name^=my-][name$=-press]', function() {
   // code
})

Assuming you insert your inputs on #container, otherwise replace #containerwith body, but it is always preferable to choose the closest ancestorselector

Answer 2

, , , delegate , :

$('body').delegate('input[type=button][name^="my-"][name$="-press"]', 'click', function(){
  ...
});

Answer 3

give them all classes and do:

$('.classname').click(function(){etc.});

Answer 4

you can do it like this

$('#my-'+dunamic_change_here+'-press').click(function(){
  // your code
});

Answer 5

Above my head:

$('input[name^="my-"]input[name$="-press"]').click(function(){
    //Stuff to happen.
});

If they are dynamically added to dom:

$('input[name^="my-"]input[name$="-press"]').on('click', function(){
    //Stuff to happen.
});

Matpols answer is probably the easiest way to actually do this.