使用JQuery或Javascript访问数据列表标签

Question

我有一个从后端生成的数据列表。 从客户端，我需要使用Jquery或Javascript访问数据列表中的标签。 这是生成的客户端：

<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。谢谢您的帮助... Bob

Answer 1

给定生成的HTML，最好的选择是按类别进行选择 ：

$('.txtPick3')

如果要遍历元素并获取值，则应执行以下操作：

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

除了按类选择之外 ，还可以在给定HTML的情况下，使用“属性开头为”选择器按元素ID模式进行选择 ：

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

Answer 2

最简单的就是使用class .txtPick3

或者，您可以编写jQuery代码以获取此..

检查这个FIDDLE

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

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

在这里检查更新的字段