Jquery 查找当前行中的第一列文本

我不确定是否有异常，因为我正在使用Knockout，但我似乎无法获取第一列的文本值

当我单击一行中的按钮时，我试图获取与该行关联的第一个单元格的文本，不包括标题（仅ID字段）

这是我的基本HTML

<table class="table table-bordered table-striped text-center" id="plan_table">
    <thead>
        <tr>
            <th>
                ID
            </th>
            <th>
                Description
            </th>
            <th>
                # of Payouts
            </th>
            <th>
                Edit
            </th>
        </tr>
    </thead>
    <tbody data-bind="foreach: paymentOption">
        <tr>
            <td data-bind="text: Id"></td>
            <td data-bind="text: description"></td>
            <td data-bind="text: paymentQuantity"></td>
            <td>
                <button class="btn btn-default" onclick="reroute()"><i class="glyphicon glyphicon-pencil"></i></button>
            </td>
        </tr>
    </tbody>
</table>

---

每次我得到一个空字符串，我不知道为什么。

因为您使用的是

onclick

属性，所以应该将

此

（事件调用方）传递给方法：

<button class="btn btn-default" onclick="reroute(this)"><i class="glyphicon glyphicon-pencil"></i></button>

---

不过，如果可能的话，我会做到的

<button class="btn btn-default my-btn"><i class="glyphicon glyphicon-pencil"></i></button>

---

由于您使用的是

onclick

属性，因此应将

此

（事件调用方）传递给方法：

<button class="btn btn-default" onclick="reroute(this)"><i class="glyphicon glyphicon-pencil"></i></button>

---

不过，如果可能的话，我会做到的

<button class="btn btn-default my-btn"><i class="glyphicon glyphicon-pencil"></i></button>

试试这个：

function reroute() {
    var name = $(".table").find('td:first-child').text();
    console.log(name);
}

试试这个：

function reroute() {
    var name = $(".table").find('td:first-child').text();
    console.log(name);
}

---

在使用Knockout时，不应该从HTML中删除数据。您的按钮可以访问行数据（非常方便，以$data为单位）

应该将想要的数据传递给重路由函数

我制作了一把小提琴，它很管用。有许多细节需要以一种令人震惊的方式处理。

---

在使用Knockout时，不应该从HTML中删除数据。您的按钮可以访问行数据（非常方便，以$data为单位）

应该将想要的数据传递给重路由函数

我制作了一把小提琴，它很管用。有许多细节需要以一种令人震惊的方式处理。

---

---

不幸的是，这不起作用。我试过你的解决办法，然后

$data.Id（）

，

Id（）

paymentOption.Id

paymentOption.Id（）

。。未定义所述的所有

$data

或

paymentOption

。（我是新手）看看我附加的提琴。我想

$root

（因为它指的是父对象，视图模型对象）是你的提琴工作的原因，而在我的应用程序中它不工作。我会给你一个投票，我非常感谢你的时间/努力。正确：数据绑定中引用的所有内容都必须是viewmodel的成员（或成员中的成员，等等）。这不应该成为让你的程序运行的障碍。嗯，我不知道这是否是一个障碍，因为我没有击倒的经验。不幸的是，这不起作用。我试过你的解决办法，然后

$data.Id（）

，

Id（）

paymentOption.Id

paymentOption.Id（）

。。未定义所述的所有

$data

或

paymentOption

。（我是新手）看看我附加的提琴。我想

$root

（因为它指的是父对象，视图模型对象）是你的提琴工作的原因，而在我的应用程序中它不工作。我会给你一个投票，我非常感谢你的时间/努力。正确：数据绑定中引用的所有内容都必须是viewmodel的成员（或成员中的成员，等等）。这不应该给你的程序的运行带来障碍。好吧，我不知道这是否是一个障碍，因为我没有击倒的经验。谢谢！这起作用了。你能解释一下为什么我的解决方案不起作用吗？或者为什么

onclick

在这里起作用？我很感激！您的解决方案不起作用，因为您没有在

onclick

属性中传递事件调用者（按钮元素-

this

）。因此，在

重新路由（）

函数中，

$（此）

与按钮无关，而是与

窗口相关（因为函数在全局范围内）。至于
onclick
属性本身以及为什么最好不要在元素上挂起这样的脚本，您可以在我发布的链接中阅读。谢谢！我会仔细阅读的。再次感谢您的帮助/时间。谢谢！这起作用了。你能解释一下为什么我的解决方案不起作用吗？或者为什么
onclick
在这里起作用？我很感激！您的解决方案不起作用，因为您没有在
onclick
属性中传递事件调用者（按钮元素-
this
）。因此，在
重新路由（）
函数中，
$（此）
与按钮无关，而是与
窗口相关（因为函数在全局范围内）。至于
onclick
属性本身以及为什么最好不要在元素上挂起这样的脚本，您可以在我发布的链接中阅读。谢谢！我会仔细阅读的。再次感谢您的帮助/时间。为了完整起见，因为Artur解决了我的问题，我继续测试您的解决方案。您的解决方案会产生以下结果：
10AN40QTLS
。。这是整个第一列。我只是想要我所在行的专栏。不过我很感激你的努力！老实说，我没有测试我的代码，你是对的，它返回了我已经测试过的整个专栏，现在感谢你让我知道最好的方法是artur如何做为了完整性，因为artur解决了我的问题，我继续测试你的解决方案。您的解决方案会产生以下结果：
10AN40QTLS
。。这是整个第一列。我只是想要我所在行的专栏。不过我很感激你的努力！老实说，我没有测试我的代码，你是对的，它返回了我测试过的整个专栏，现在谢谢你让我知道最好的方法是artur是怎么做的
<button class="btn btn-default" onclick="reroute($data.Id)">