通过使用JQuery单击不同表中的按钮更改表行背景颜色

Question

我有两个表，一个是动态添加行的表，另一个是保存要添加的数据的表。

上图显示了这些表格。单击“编辑”按钮时，该行（表1中）的数据将插入其下方的字段（“表2”）中，我们正在编辑的行将在表1中使用css突出显示。

var row = $(a).parent().parent();
row.children('td').css('background-color', '#FFFFCC');

现在假设我可以获取表1中正在编辑的行的行索引，如果用户单击“取消”按钮，如何将该背景更改为白色？

Answer 1

索引是要排列的行的索引和tbl引用第一个表

＆＃13;

＆＃13;

var index=1;
tbl = $("table")
$("#cancel").click(function(){
var rows = $('tr', tbl);
rows.eq(index).css("background-color", "white");
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table border=1 style="background-color:yellow">
  <tr><td>a</td><td>b</td></tr>
  <tr><td>c</td><td>d</td></tr>
</table>

<input type="button" id="cancel" value="cancel" />

＆＃13;

＆＃13;

＆＃13;

Answer 2

为什么不在“onclick”上添加一个活动。取消链接的事件？

例如：

$('.edit').on('click', function(ev){
     var row = $(a).parent().parent();
     row.children('td').css('background-color', '#FFFFCC');
     //---Add the event to the cancel.
     $('.cancel').once('click', function(ev){
            row.children('td').css('background-color', '#FFFFFF'); //---The prev color     
     });

});

我没有对此进行过测试，但希望这可以帮助或为您提供替代方案。