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

Question

我在 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 时通过 javascript 获取所有表值，其中包含表 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 值

Answer 1

这将使用 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());
});

看看 selector documentation了解更多。