jQuery val 返回空字符串

Question

我的应用程序中有以下 html 代码:

<tr style="cursor:pointer;">
    <td>100101</td>
    <td>Monkey</td>
    <td>Nuts<td>
    <td>Cow</td>
    <td>Soup</td>
    <td>Chicken</td>
    <td>Leg</td>
    <td class="non-clicky">
        <p>Click</p>
    </td>
</tr>

我需要做的是当我点击非点击类时获取第一个 td 的值。 所以我有代码:

alert($('.non-clicky:first').parent().children('td:first').val());

此代码的结果是“”值——返回空字符串，而不是结果 100101。

所以，我尝试了代码:

alert($('.non-clicky:first').siblings(':first').val());

这又导致值为空字符串，为什么 .val() 返回空字符串而不是正确的结果？

我尝试了下面的代码，这给了我正确的答案，但我很好奇为什么 val 没有。 val 和 text 有什么区别？

alert($('.non-clicky:first').siblings(':first').text());
// and 
alert($('.non-clicky:first').parent().children('td:first').text());

注意:

上面的代码使用了 $('.non-clicky:first') 这仅用于我在 jquery 点击事件中的代码中的测试目的。

Answer 1

使用.text() , .val()用于获取输入元素的值。