通过php循环生成的JQuery ID选择器

时间:2014-07-02 10:24:00

标签: javascript php jquery html loops

我是JQuery的新手,因此我很难捕捉通过PHP循环自动生成的元素ID。

我的问题是如何在JQuery中捕获那些自动生成的id,如何在JQuery中使用循环来捕获唯一的id,顺便说一下我的id格式为id="divAddressSet1", id="divAddressSet2"等等。我如何能够捕获JQuery中每个id附加的name(divAddressSet)+a unique number

有什么想法吗?

3 个答案:

答案 0 :(得分:2)

尝试在此背景下使用attribute starts with selector

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

或者做一件事,在生成这些元素的同时,只需附加一个公共类。并在class selector之类的帮助下抓住这些元素,

$('.commonClass')

由于您的元素是在运行时创建的,因此请使用event-delegation,如下所示

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

});

作为一个特殊说明,请将.commonClassdocument最近的静态父级替换为propagation。如果您不这样做,那么绑定的点击事件只有在document到达{{1}} [$(文档)后才会被触发。(...) ]。 Document是DOM的根,所以如果你有一个更大的dom结构,它会导致性能滞后。

答案 1 :(得分:2)

使用event delegation

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

       alert(this.id);   
});

对于id选择器,您使用前缀" #" 对于类选择器使用" ."

答案 2 :(得分:1)

试试这个

选择器示例:

以给定字符串开头(例如divAddressSet),

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

如果要选择id包含给定字符串的元素:

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

脚本

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

OR

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