2012-09-10 58 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值。 –

相关问题