获取div标签中的每个id

时间:2012-03-27 15:19:08

标签: jquery html

var data = "<div><table width='100%'><tr><td align='right' ><div class='close16'/></td></tr></table><div><table><tr><td rowspan='4' width='50px;'><img src='" + staffItem.Photo + "' Width='48' Height='48'  /></td><td>" + staffItem.Name + " ( " + staffItem.StaffId + " )</td></tr><tr><td><table cellpadding='0' cellspacing='0'><tr><td>" + staffItem.Email + "</td><td>&nbsp;|&nbsp;</td><td>" + staffItem.Mobile + "</td></tr></table></td></tr></table></td></tr></table></div></div> ";
$('#staffInCharge').append(data);

我从自动填充文本框中收集了这样的人员详细信息,并将这些存储到div中......我怎么能单独收集“staffId”(即使我在div中有5或10条记录) ).....我想我可以通过使用.each方法得到它,我不知道如何继续,任何人都可以帮助我

1 个答案:

答案 0 :(得分:3)

最简单的解决方案是将id包装在一个span中,或者用jQuery轻松定位它。

为简洁起见,我只是用id:

拉出了列
... "<td>" + staffItem.Name + " ( <span class='id'>" + staffItem.StaffId + "</span> )</td> "...

然后用jQuery获取它们:

function getIds() {
    var ids = [];
    $(".id").each(function() {
      ids.push($(this).text());
    });
    return ids;
}

现在,您可以使用getIds()获取ID列表。

var myListOfIds = getIds(); // returns [50, 51, ...]