与jQuery

时间:2019-03-13 20:01:14

标签: jquery jsp

尝试执行下一个操作时遇到问题:

$('#period tbody').append(register);

期间是表的ID。我在 thead 中有一个子表,在 tbody 中有另一个子表。

register = "<tr class='input' id='regin'><td class='tab-but'><button class='del-row' type='button'>X</button></td>"
     + "<td class='tab-proj'><select><option>Select project...</option><c:forEach items='${projects}' var='project'>"
     + "<option value='${project.ID}'>${project.name}</option>;</c:forEach></select></td>"
     + "<td class='tab-odd'><input class='monin type='number'></td>"
     + "<td class='tab-none'><input class='tuein type='number'></td>"
     + "<td class='tab-odd'><input class='wedin type='number'></td>"
     + "<td class='tab-none'><input class='thuin type='number'></td>"
     + "<td class='tab-odd'><input class='friin type='number'></td>"
     + "<td class='tab-end'><input class='satin type='number'></td>"
     + "<td class='tab-end'><input class='sunin type='number'></td></tr>";  

当我动态创建新行时,它同时在(thead和tbody)中重复,我只想在tbody下创建。

有什么主意吗?

2 个答案:

答案 0 :(得分:0)

我试图模仿您在说什么,但不会给我任何错误。

可以分享寄存器的值吗?

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <table id="period">
        <thead>
            <p>This is THEAD</p>
        </thead>
        <tbody>
            <p>This is TBODY</p>
        </tbody>
    </table>
    <script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script>
        $('#period tbody').append('<span>Hi</span>');
    </script>
</body>
</html>

答案 1 :(得分:0)

我找到了一个向tbody添加id的解决方案,所以代替了

$('#period tbody').append(register);

我用

$('#body-table').append(register);

它可以正常工作,但我想了解为什么不以其他方式工作。