Javascript jQuery-使用包含表的li循环ol，并从表列获取数据

我有一个无序列表（ul），其列表项（li）元素每个都包含一个具有2列的表（第一列是一个删除按钮（“数据id”属性包含数据的id），第二列是数据文本）。我需要获取每个li表中的值，并将这些值添加到隐藏字段中，以便在服务器上进行处理。如何从li中的表中检索值。我知道如何循环通过ul本身并拉出每个li

$('#ol li').each(function (i, li) {
    var listItem = li;
    // Get data from table within li here
});

但我不知道这一步之后如何进行。谢谢你的帮助

编辑

下面是一个附加到ol的示例

$('#ol').append("<li><table><tbody><tr><td style='padding-right:16px'><button type='button' class='btn btn-danger remove' data-id='" + item.val() + "'><b>X</b></button></td><td>" + txt + "</td></tr></tbody></table></li>");

---

感谢您的帮助。

您可以获得如下两列数据：

$('#ol li').each(function (i, li) {
    var listItem = li;
    var column1 = $(li).find("td").first().text();
    var column2 = $(li).find("td").last().text();
    // do things with columns
});

---

我假设您有一个2x1表，每个表中都有一个简单的文本值。

您应该仔细阅读

这个

关键字的用法

所以，当你运行这样一个函数时-

$('#ol li').each(function(){
    $(this).val()  //returns the value of the current li that is being looped through
});

.each（）

函数的工作方式与循环相同，因此它一次遍历每个

#ol li

元素，您可以利用

此

访问正在循环的当前元素

现在，从这里，您可以搜索所需的子项。您很可能还必须利用jquery的

.data（）

函数来获取存储在

数据id

属性中的信息

---

为了更清晰，请发布您的html。第一列包含一个删除按钮（其中还包含数据文本的ID），第二列包含数据文本。这样更清晰。谢谢@帕特库姆不是问题。现在，您可以使用

$（this）

，并将其视为包含该表的

li

。从那里我相信你可以从孩子们那里得到信息

$('#ol li').each(function(){
    $(this).val()  //returns the value of the current li that is being looped through
});