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

how to get the value to td inside list in javascript

本文关键字：列表 td 的值 获取 javascript      更新时间：2023-09-26

我在asp.net中有一个列表视图，它以类似的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>

现在，我想通过javascript按钮点击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值

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

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

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

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

请查看选择器文档以了解更多信息。

相关文章：