Jquery wechselt Klasse 1 Zeile auf Tabelle

Question

Ich verwende Backbone, Jquery und Lenker auf meinem Projekt.

Ich versuche, Zeilenklasse nur auf Klick zu ändern.
Ich meine, wenn ich auf die Schaltfläche Bearbeiten (rechts neben der Tabelle) klicke, ändert sich die Klasse.

Schauen Sie sich die Tabelle Screenshot zu verstehen.

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"); 
    }, 

Meine Vorlage

<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> 

Wenn ich jede Schaltfläche Bearbeiten klicken, werden alle Zeilen hinzugefügt haben Klasse "info"

Answer 1

Scheint wie das Ereignis, wenn auf die Schaltfläche "Bearbeiten" ausgelöst klicken Sie auf.

Aber Sie müssen wissen, in welcher Reihe.
Die Verwendung von .target wie in "event.target" kann helfen, die übergeordnete Zeile zu finden.

Versuchen Sie folgendes:

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

Answer 2

versuchen diese $("editButton").parent(".active").addClass("yourClass"); oder diese Ich hoffe, es wird funktionieren