如何在javascript中获取列表中的td值

时间:2012-03-29 12:28:54

标签: javascript jquery asp.net

我在asp.net中有一个listview,它出现在像这样的HTML中

<li id="l3" class="add" onclick="hilite()" style="">
   <table id="tbl" style="width: 100%;">
       <tbody>
          <tr style="width: 100%;">
              <td class="border2" style="width: 50%;"> 1011 </td>
              <td class="border2" style="width: 50%;"> Name 3 </td>
           </tr>
       </tbody>
    </table>
</li>

现在我想通过按钮点击li获取所有表值,包含表tr中的表和td表示我想要每个列表的td值进行排序。 而且我也试过这个

function sortUnorderedList(ul, sortDescending) {
        if (typeof ul == "string")
            ul = document.getElementById(ul);
        var lis = ul.getElementsByTagName("li");
        var vals = [];
        for (var i = 0, l = lis.length; i < l; i++)
            vals.push(lis[i].innerHTML);
        vals.sort();
        if (sortDescending)
            vals.reverse();

        var contentArray = new Array();
        for (var i = 0, l = lis.length; i < l; i++) {
            lis[i].innerHTML = vals[i];

            alert(lis[i].innerHTML);

            var x = lis[i].innerHTML.getElementById('lsttable1').rows[0].cells;
            alert(x[0].innerHTML);
        }
 }

alert(x[0].innerHTML);我得到了表格,那么我应该如何获取每个li的td值

1 个答案:

答案 0 :(得分:4)

这将使用jquery显示列表中每个td的值。

$("ul li.add table td").each(function(){
   alert($(this).html());
});

如果您需要特定列表,可以使用id选择器。要获取表中的第一行,请使用tr:first selector。

$("#l3 li.add table tr:first td").each(function(){
   alert($(this).html());
});

请查看selector documentation了解更多内容。