通过php循环自动生成的jQuery ID选择器

Question

I'm new to JQuery, therefore I'm having difficulty catching element ID's that are generated automatically through my PHP loop.

My question is how can I catch those automatically generated id's in JQuery, how to use loop in JQuery to catch a unique id, btw my id format is id="divAddressSet1", id="divAddressSet2" and so on. How I would be able to catch name(divAddressSet)+a unique number attached with each id in JQuery

Any idea?

Answer 1

Try to use attribute starts with selector at this context,

$('[id^="divAddressSet"]')

Or do one thing, while generating those elements, just attach a common class to that. And grab those elements with the help of class selector like,

$('.commonClass')

---

Since your elements are created at runtime, use event-delegation as below,

$(document).on("click" ,'.commonClass',function() {

});

And as a special note, replace, the closest static parent to .commonClass with document . If you don't do that then the bound click event would get fired only after the propagation reaches to the document [$( document ).on(...)]. Document is the root of the DOM, so it would cause performance lagging if you have a quite bigger dom structure..

Answer 2

use event delegation

$(document).on("click" ,'[id^="divAddressSet"]',function() {

       alert(this.id);   
});

for id selector you use prefix " # " for class selector use " . "

Answer 3

Try this

Selectors Example :

Starts with a given string (for example divAddressSet),

$("[id^='divAddressSet']")

If you want to select elements which id contains a given string :

$("[id*='divAddressSet']")

Script

$(document).on("click" ,'[id^="divAddressSet"]',function() {  });

OR

$(document).on("click" ,'.yourclass',function() {  });