javascript - 为什么 .index() 在此语句中解析为数字，而 .parent().index() 解析为字符串？

Question

这是代码，它引用了一个 TD，“farmland”是表的 ID:

$("#farmland td").click(function(){
        $("#console").html($(this).index() + 1 + ", " + $(this).parent().index() + 1);
    });

当我点击一个 TD 时，我得到 1,01 或 1,11 或 1,21 等等......数字正确地添加到 .index() 但对于 .parent().index() 它正在追加1 就好像它是一个字符串!

觉得这很好奇，因为我希望它要么以一种方式行事，要么以另一种方式行事，而不是两种不同的方式!

我的第一个猜测可能是因为我的 + ", "+ 正在将它切换为字符串？

Answer 1

这是因为 JavaScript 看到第一个 index() 调用返回一个数字，然后将数字 1 添加到该数字，然后您将它与字符串组合，因此它将数字连接到字符串。

对于加法，无论字符串如何，使用括号将数字与字符串隔离:

$("#farmland td").click(function(){
        $("#console").html(($(this).index() + 1) + ", " + ($(this).parent().index() + 1));
    });