在动态表中添加行时更改Id /类或输入名称

时间:2017-05-27 17:00:02

标签: javascript html mysql dynamic-tables

目前我正在开发一个动态表,用户可以在表中添加和删除行以输入数据...如何在添加行时更改用户输入'name / id / class'。任何帮助将不胜感激。感谢。

@Query(value = "select e from Employee e where e.job.desc = :desc")
Page<Employee> findByDesc(Pageable pageable, @Param("desc") String desc);

2 个答案:

答案 0 :(得分:0)

所以你试过用“.addClass()Jquery函数”或者removeclass()函数??

以下是.addClass()的一个例子:

<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">


 <title>addClass demo</title>
  <style>
  p {
    margin: 8px;
    font-size: 16px;
  }
  .selected {
    color: blue;
  }
  .highlight {
    background: yellow;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<p>Hello</p>
<p>and</p>
<p>Goodbye</p>

<script>
$( "p" ).last().addClass( "selected" );
</script>

</body>
</html>

答案 1 :(得分:0)

因此,无论何时创建新条目,您都需要更改输入元素的class属性:

$('#butVal').click(function () {
    var rowLen =  $('tr.tabRow').length;

    if (rowLen > 9) {
      alert("no of row is reached 10");
    } else {
      $("tr.tabRow:first").clone(true).appendTo("#table-2>tbody"); 
      $(".tabRow:last").children("td").children("input").each(function (index, element) {
        var className = $(element).attr("class"); // get the current class attribute of the element
        $(element).attr("class", className + rowLen); // append the current row number to the class
        $(element).val("");
      });
    }
  });

注意:删除行时,类不会更改。您可能会遇到类desc,然后是desc1,然后是desc3