2014-07-02 70 views
1

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

我的問題是我怎麼能捕捉到那些在JQuery中自動生成的ID,如何在JQuery中使用循環來捕獲唯一的ID,順便說一句,我的ID格式是id="divAddressSet1", id="divAddressSet2"等等。我怎麼能夠趕上name(divAddressSet)+a unique number附加在每個ID在JQuery

任何想法?

+0

使用普通類,然後使用類選擇器 – Satpal

回答

2

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

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

或者做一兩件事,而產生這些元素,只是附加一個通用類了這一點。並抓住這些元素與class selector喜歡的幫助下,

$('.commonClass') 

由於您的元素在運行時創建的,如下使用event-delegation

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

}); 

而作爲一個特殊說明,取代的.commonClassdocument最近的靜態父項。如果您不這樣做,那麼只有在propagation達到document [$(文檔).on(...)]後,綁定點擊事件纔會被觸發。文檔是DOM的根,所以它會導致性能落後,如果你有一個相當大的DOM結構..

+1

+1太快了。 40秒! –

+0

感謝@Rajaprabhu Aravindasamy您的努力,順便說一句,這是什麼帽子的象徵?如果我可能要求我的知識 – Amjad

+0

我試過那個類選擇器,但是這個劑量工作 – Amjad

2

使用event delegation

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

     alert(this.id); 
}); 

的ID選擇您使用前綴「#」 類選擇使用 「.

+0

謝謝@Sudharsan它的工作,但我將如何隱藏頁面加載的所有這些ID,這將通過複選框處理(切換關閉)。 – Amjad

+1

請更新您的答案araise next question –

1

試試這個

選擇器示例:

開始與一個給定的字符串(例如divAddressSet),

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

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

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

腳本

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

OR

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