jQuery 选择器只选择第一个链接

Question

我有一张这样的表:

<table>
    <% foreach (var item in Model.Data) { %>
    <tr>
        <td><a href="#"><div id="stopId"><%: item.StopID %></div></a></td>
        ...
        ...
    </tr>
</table>

我正在使用这个 jQuery 来选择用户点击的站点 ID。

$(function () {
    $("#stopId").live('click', function () {
    var stopId = $("#stopId").html()
        ...
        ...
    });
});

然而我的变量 stopId 最终总是成为表中的第一个 stopId，而不是实际被点击的那个。那么我哪里出错了？

Answer 1

你可能想改成

$(function () {
    $(".stopId").live('click', function () {
    var stopId = $(this);
        ...
        ...
    });
});

HTML 变成了

<table>
    <% foreach (var item in Model.Data) { %>
    <tr>
        <td><a href="#"><div **class**="stopId"><%: item.StopID %></div></a></td>
        ...
        ...
    </tr>
</table>