通過php循環自動生成的jQuery ID選擇器

Question

我是JQuery的新手，因此很難捕獲通過PHP循環自動生成的元素ID。

我的問題是如何在JQuery中捕獲那些自動生成的ID，如何在JQuery中使用循環捕獲唯一ID，但我的ID格式是id="divAddressSet1", id="divAddressSet2" ，依此類推。 我如何才能捕獲name(divAddressSet)+a unique number jQuery中每個ID附加name(divAddressSet)+a unique number

任何想法？

Answer 1

在這種情況下，嘗試使用attribute starts with selector ，

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

或做一件事，在生成這些元素時，只需將一個通用類附加到該類。 並借助class selector抓取這些元素，例如

$('.commonClass')

---

由於您的元素是在運行時創建的，因此請按以下方式使用event-delegation ，

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

});

並特別說明一下，將最接近.commonClass靜態父代替.commonClass為document 。 如果您不這樣做，則只有在propagation到達document [$（ document ）.on（...）]后，才會觸發綁定的click事件。 文檔是DOM的根，因此，如果您具有較大的dom結構，則會導致性能下降。

Answer 2

使用event delegation

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

       alert(this.id);   
});

對於id選擇器，您使用前綴“ # ”作為類選擇器使用“ . ”

Answer 3

嘗試這個

選擇器示例：

以給定的字符串開頭（例如divAddressSet），

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

如果要選擇id包含給定字符串的元素：

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

腳本

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

要么

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