javascript - jQuery 获取点击行的 ID 值

Question

我有一个表 td 设置如下:

@foreach (var item in ViewBag.WatchListCompetitor)
{
    <tr role="row" class="odd">
        <td class="" tabindex="0">@item.SentWord</td>
        <td class="sorting_1">@item.Comment</td>
        <td class="sorting_1">@item.Rating</td>
        <td class="sorting_1">@item.SellerFeedback</td>
        <td class="sorting_1 deleteAction"><i class="fa fa-close"></i></td>
        <td class="idRow" style="display:none;" id="@item.WatchListID">@item.WatchListID</td>
    </tr>
}

我定义了一个像这样的 onclick 事件，以尝试在触发“删除操作”时获取 idRow 值...

$(document).ready(function () {
    $('.deleteAction').click(function () {

        console.log($(this).closest("td"));
    });
});

我得到的结果是:

Object { length: 1, prevObject: Object, context: <td.sorting_1.deleteAction>, 1 more… }

事件触发时如何获取 td idRow 值？

Answer 1

您可以使用closest来获取该行，然后使用find来获取idRow td:

$('.deleteAction').click(function () {
    var $idRowTd = $(this).closest(".odd").find(".idRow");
    var id = $idRowTd.prop("id");
    // use the element and id here
});

总是更喜欢使用closest和find而不是寻找同级:当您更改HTML(例如您包装一个元素)时，代码保持有效。出于同样的原因，查找类(例如 ".odd")比查找标签(例如 "tr")更好。