javascript - Jquery 改变表上一行的类

Question

我在我的项目中使用了backbone、jquery 和handlebars。

我试图通过单击更改行类。
我的意思是，如果我单击编辑按钮(表格右侧)，它会更改类。

查看表格屏幕截图即可了解。

AdminTableView.js

var addAdminPanelView = Backbone.View.extend({

  el:$(".page"),
  events:{
      'click #editButton':'editEvent',
      'click #deleteButton':'deleteEvent'
  },


  editEvent:function(){
      console.log("edit");
      this.$el.children().find("th").addClass("info");
  },

我的模板

 <tbody id="myTable">
  <tr class="active">
    {{#travels}}
    <th>{{user.department.departmentName}}</th>
    <th>{{user.managerID}}</th>
    <th>{{user.firstName}} {{user.lastName}}</th>
    <th>Seyahat Başlangıcı</th>
    <th>Seyahat Sonu</th>
    <th>{{location}}</th>
    <th>{{travelPurpose}}</th>
    <th>{{travelCost}}</th>
    <th>{{projectCode}}</th>
    <th> <a href="/#travel">
        <span id="deleteButton" class="glyphicon glyphicon-minus-sign"></span>
    </a>
        <a href="#">
            <span id="editButton" class="glyphicon glyphicon-edit"></span>
        </a>
    </th>
    {{/travels}}
  </tr>
</tbody>

如果我单击任何编辑按钮，所有行都会添加类“info”

Answer 1

似乎是在单击“编辑”按钮时触发的事件。

但是你必须知道在哪一行。
在“event.target”中使用 .target 可能有助于查找父行。

试试这个:

editEvent:function(e){
      console.log("edit");
      $(e.target).closest("tr").addClass("info");
  },