单击时禁用最后一个TD

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。我得到的代码是可以的，这很好，但是问题是，如果单击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)
    };
});