jquery: click for every id-element starting with

Question

I tried to find all ids starting with the string "matchItem_" and define a click-event for each. onclick i want wo execute a script with a URL parameter and change the image in this id-element. Unfortunately my syntax isn't right, I also tried with .each.function but I didn't get it.

$('[id^="matchItem_"]').each {
    
    $(this).click(){
     //...execute my script.php?urlparam=xx....;
     $(this).find('img').attr('src','/admin/images/ok.png');
    }

}

Possible duplicate: http://stackoverflow.com/questions/190253/jquery-selector-regular-expressions — PhD, Aug 08 '11 at 16:21

score 30 · Answer 1 · edited Nov 23 '13 at 00:12

30

You don't need the each:

$('[id^="matchItem_"]').click(function() {
   // do something
   $(this).find('img').attr('src','/admin/images/ok.png');
});

edited Nov 23 '13 at 00:12

BenMorel

34,448
50
182
322

answered Aug 08 '11 at 16:20

Mrchief

75,126
20
142
189

1

Guess there are lot of items to match... :p – Mrchief Apr 03 '18 at 20:44

score 17 · Answer 2 · edited Feb 15 '18 at 00:49

Your syntax is invalid because you forgot the functions.

$('[id^="matchItem_"]').each(function() {
    $(this).click(function(){
           //...execute my script.php?urlparam=xx....;
         $(this).find('img').attr('src','/admin/images/ok.png');
    });
});

Or if all you're doing is assigning the .click() handler, you can do it without the .each().

$('[id^="matchItem_"]').click(function(){
       //...execute my script.php?urlparam=xx....;
     $(this).find('img').attr('src','/admin/images/ok.png');    
});

This is because most jQuery methods will automatically act on every element in the jQuery object.

(edited to add closing parenthesis in code)

@michbeck: You're welcome. By the way, it if all the elements are of the same tag type, like `
`, you'll get better performance if you include the tag in your selector. `$('div[id^="matchItem_"]')` — user113716, Aug 08 '11 at 16:41

jquery: click for every id-element starting with

2 Answers2

Linked