1,圖片中的圖像和顯示的考生資訊都是DataList迭代出來的,目的是透過點擊標記按鈕,獲取到其對應的考試時間,科目代碼等資訊。
#要實現,透過點擊標記按鈕,將目前考生的訊息回傳給後台的方法,進行處理。 JS怎麼取得到目前這個筆跡卡的詳細資料呢?這些圖片都是動態迭代出來的,沒有固定ID和name,JQuery不知如何取得唯一的圖片相關資訊。
#頁面程式碼:
<asp:DataList ID="DataList1" runat="server" RepeatColumns="2">
<ItemTemplate>
<p class="col-lg-12">
<p class="col-md-4 kmdm" style="margin-top: 5px">科目代码:<%#Eval("TJ_KM_DM")%></p>
<p class="col-md-4 kssj" style="margin-top: 5px">考试时间:<%#Eval("KSSJ") %></p>
<p>
<input class="jddz" type="text" value="<%#Eval("KSSJ").ToString()+Eval("TJ_KM_DM").ToString().Trim()+Eval("KS_ZKZ")%>" /></p>
<p class="col-md-4">
<input style="margin-bottom: 5px" value="未标记" class="chexSign btn btn-success" type="button" onclick="signCard(this)" /></p>
<img src="../../img/200701/0094/010207301376.jpg" alt="Responsive image" class=" well well-lg img-responsive img-thumbnail " />
</p>
</ItemTemplate>
</asp:DataList>
世界只因有你2017-05-19 10:20:00
通常的做法,在動態生成dom 的時候, 同時產生資料標誌,例如data-index = 'KSSJ', jquery 動態綁定click 事件的時候,用$(e.currentTarget).data('index')獲取。其它欄位也都可以透過 e 這個物件取得到,詳細屬性答主可以 console.log(e) 瀏覽。