javascript - 关闭模式对话框后将行标记为选中

标签 javascript jquery css twitter-bootstrap

我有一个表,有很多行。从每一行都可以打开带有代码的模式对话框(单击该行的第一个单元格),我用这段代码做了什么:

var SetInventoryForAllCalendarsAndGroups = function () {

  var OpenModalGroup = function (element) {
          $("#myModalJEINVE_Group").modal();
  }


  return {
    OpenModalGroup: OpenModalGroup
  }      

  }();

我不知道的是如何在模式对话框关闭后选择行(打开模式的同一行)?因此,该行就像在打开模态对话框之前被单击一样(在我的例子中它被标记为黄色)。

例子是 here

最佳答案

添加

$(element).paremts('tr').addClass('active')

JS

var SetInventoryForAllCalendarsAndGroups = function () {

  var OpenModalGroup = function (element) {
          $(element).parents('tr').addClass('active'); // here it is
          $("#myModalJEINVE_Group").modal();
  }


  return {
    OpenModalGroup: OpenModalGroup
  }      

  }();

CSS

.table tbody tr.active td {
    background-color: yellow;
}

关于javascript - 关闭模式对话框后将行标记为选中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46743960/

相关文章:

javascript - 基于动态生成的文本和特定图案的颜色 li 元素

javascript - 隐藏基于当前幻灯片的时间轴的子部分?

javascript - 有没有办法unjs(比如uncss)

javascript - vuejs如何动态改变对象中的数据

javascript - html中的表格边框

java - 当表单操作使用 Apache Shiro 转到 jsp 页面时,onClick 不起作用

javascript - 带边距的下拉菜单

javascript - 当编码为 javascript 时,我的 php 字符串变得很奇怪

javascript - 在 Chrome 中按比例调整图像大小

javascript - React.js 应用程序流程错误