2012-09-10 55 views
1

我有一個從後端生成的datalist。從客戶端,我需要使用Jquery或Javascript訪問數據列表中的標籤。下面是系統產生的客戶端:使用JQuery或Javascript訪問Datalist標籤

<table id="wmsBody_dlstItems" cellspacing="0" style="border-collapse:collapse;"> 
<tr> 
    <td> 
     <table border="0" cellpadding="2" style="text-align:center"> 
      <tr> 
       <td> 
       <span id="wmsBody_dlstItems_lblItemBoxID_0" class="txtPick3">4883658</span><br /> 
        <span id="wmsBody_dlstItems_lblfull_item_number_0" class="txtPick2">37UPC341890NC</span><br /> 
       </td> 
      </tr> 
     </table> 
    </td><td> 
     <table border="0" cellpadding="2" style="text-align:center"> 
      <tr> 
       <td> 
       <span id="wmsBody_dlstItems_lblItemBoxID_1" class="txtPick3">5043328</span><br /> 
        <span id="wmsBody_dlstItems_lblfull_item_number_1" class="txtPick2">37WVNL70blk</span><br /> 
       </td> 
      </tr> 
     </table> 
    </td><td> 
</tr> 

我如何通過JavaScript或JQuery的訪問存儲在標籤lblItemBoxID值。有2個值這裏,4883658個5043328.感謝您的幫助......鮑勃

回答

0

最簡單的話題將是使用class .txtPick3

或者,你可以寫上去的jQuery代碼來獲得這個..

入住這FIDDLE

​var labels = $('table table')​.find('span:eq(0)') ; 

$.each(labels, function(i){ 
    alert($(labels[i]).text()); 
}); 

檢查UPDATED FIDDLE這裏

+0

對不起,我還是很困惑,我沒有很好地解釋自己。我理解循環標籤,但是,我只想訪問一個標籤值。例如,我想在與4883658的lblItemBoxID值相同的TD中訪問(37UPC341890NC)的lblfull_item_number值。更清楚的是也許...我正在掃描JQuery捕獲的條形碼,條形碼是4883658的值。當我掃描條形碼(4883658)可以說我想提醒37UPC341890NC的lblfull_item_number值。 –

+0

我已經添加了一個更新的小提琴,找到基於條形碼給它的物品編號..檢查上面的代碼..讓我知道這是你在找什麼.. –

+0

你玩平均小提琴,謝謝! –

0

你最好的選擇,因爲你生成的HTML,是select by class

$('.txtPick3') 

,如果你想通過元素迭代並獲得價值,你應該做這樣的事情:

$('.txtPick3').each(function(index, elem){ 
    var myValue = $(elem).text(); 
    //now do something with the found value 
}) 

或者到selection by class,你也可以,給你的HTML,選擇你的元素ID圖案,使用"Attribute Starts With" selector

$('span[id^="wmsBody_dlstItems_lblItemBoxID_"]') 
+0

對不起,我還是很困惑,我沒有很好地解釋自己。我理解循環標籤,但是,我只想訪問一個標籤值。例如,我想在與4883658的lblItemBoxID值相同的TD中訪問(37UPC341890NC)的lblfull_item_number值。更清楚的是也許...我正在掃描JQuery捕獲的條形碼,條形碼是4883658的值。當我掃描條形碼(4883658)可以說我想提醒37UPC341890NC的lblfull_item_number值。 –

相關問題