jquery val() 在 .each() 之后显示为空白

Question

我正在迭代

function editRow(a) {
  $("td").each(function () {
    alert($(this).val())
  });
}

它遍历

$("tbody").append(
  "<tr id = '" + trId + "'>" +
  "<td name = 'nameRow' id = 'name" + idCt + "'  value = 'test' > <strong>" + name + "</strong> </td>" +
  "<td name = 'maxRow' id = 'max" + idCt + "'  value = '" + max + "'>" + max + "</td>" +
  "<td name = 'setRow' id = 'sets" + idCt + "' value = '" + sets + "'>" + sets + "</td>" +
  "<td name = 'repRow' id = 'reps" + idCt + "' value = '" + reps + "'>" + reps + "</td>" +
  "<td name = 'restRow' id = 'rest" + idCt + "' value = '" + rest + "'>" + rest + "</td>" +
  "<td id = 'link" + idCt + "'><a href='#' onclick='return deleteRow(" + trId + ");' >Remove</a>" +
  " | <a href='#' onclick='return editRow(" + idCt + ");'>Edit</a></td>" +
  "</tr>"
);

alter($(this).val())出现正确的

次数，但它始终只是空白（未定义））。

我知道它不是那么可读，但是有人看到错误吗？

谢谢！

Answer 1

.val()是一个

只为输入元素定义的方法。普通的 HTML 元素没有值。您应该使用 .html() 或 .text() 来获取这些元素的内容

function editRow(a) {
    $("td").each(function () {
        alert($(this).text())
    });
}

您应该使用 data- 前缀定义非标准属性（如 <td> 的值）

<td data-value="whatever">...</td>

然后你可以使用 jQuery 的 .data() 方法来访问这些属性。

var tdDataValue = $(this).data('value');

Answer 2

问题是"td" - 元素没有值。他们有内部HMTL。如果你想获取td的内容，你需要使用$（this）.html（）

function editRow(a) {
$("td").each(function () {
    alert($(this).html())
});

}

Answer 3

val 方法通常保留用于input标记。对于td，您可以执行以下任一操作：

$(this).text();

或

$(this).attr('value');

Answer 4

只需尝试这样的事情

function editRow(a) {
    $("td").each(function () {
        alert(this.innerText);// reading inner text
        alert($(this).attr('value'));// reading value attribute
    });
}