禁用点击后的最后一次点击

Question

我有django模板，如下所示：

<table id="members-table" class="table table-hover table-vcenter">
    <thead>
       <tr>
          <th>Fullname</th>
          <th>Email</th>
          <th>Status</th>
       </tr>
    </thead>
    <tbody id="members_list">
         {% for member in members %}
             <tr data-member-row class="members-row" data-member-id={{ member.user_id }}>
                 <td>{{ member.user__first_name }} </td>
                  <td>{{ member.user__email }}</td>
                  <td data-member-status data-member-id={{ member.user_id }}>
                      <form method="POST">
                          <div class="checkbox" style="float: left;">
                                <input id="member-status-{{ member.user_id }}" class="magic-checkbox" type="checkbox" {% if member.active %} checked {% endif %}>
                                <label id="status-label-{{ member.user_id }}"> {% if member.active %} Active {% else %} Inactive {% endif %}</label>
                          </div>
                       </form>
                   </td>
              </tr>
          {% endfor %}
      </tbody>
 </table>

jQuery代码片段如下：

$('#members_list').on('click', '[data-member-row]', function (e) {
    var member_id = e.currentTarget.dataset['memberId'];
    alert(member_id)
})

因此，我想从单击的表行中获取data-member-id 。 有了这个代码，我得到的是is，那很好，但是问题是如果单击table row 的最后一个td ，我想阻止它。

如果单击了最后一个，则执行其他操作。 因此，如果单击了最后一个td，则不必允许执行此alert(member_id) 。

有什么建议吗？

Answer 1

$('#members_list').on('click', '[data-member-row]', function (e) {
 if(!e.currentTarget.nextElementSibling){
  doSomethingElse(); return;
 }
 var member_id = e.currentTarget.dataset['memberId'];
 alert(member_id)
})

Answer 2

尝试使用not:last选择器。

$(#member_list td:not(:last-child)).click()

Answer 3

尝试这个 ..

trs = document.getElementById(tableId).getElementsByTagName('tr');
tds = trs[trs.length - 1].getElementsByTagName('td');
td = tds[tds.length - 1];
console.log(td.text());

Answer 4

而不是将事件侦听器放在行上，而是将其放在单元格上...

$('#members_list').on('click', 'td', function () {

    if ($(this).parent().find('td').last().index() === $(this).index()) {

        // last td was clicked

    } else {

        var member_id = $(this).parent().attr('member-id');
        alert(member_id)

    };

});