javascript - JQuery 追加是关闭表单标签

Question

我这辈子都想不通。 Jquery 不断关闭我创建的表单(而不是 <tr><form> ... <td></td> ... </form></tr> 它创建 <tr><form></form>... 我已经看过很多关于这个的问题，每个建议都是使用一个中间字符串，我就是这样。希望有人能接受一些东西我不见了:)

var my_table = $("#output_table").find("tbody");    
// Loop over JSON data and create table rows
$.each(json.data, function(index, field) {
    var html_string = "<tr><form action='addtoDB.php' method='POST'>" +
        "<input type='hidden' name='instructor' value=" + field.instructor + ">" +
        "<input type='hidden' name='section' value=" + field.section + ">" +
        "<input type='hidden' name='course_id' value=" + field.course_id + ">" +
        "<input type='hidden' name='course_name' value=" + field.course_name + ">" +
        "<td class='row_head'>" + field.instructor + "</td>" +
        "<td>" + field.section + "</td>" + 
        "<td>" + field.start_time + " - " + field.end_time + "</td>" +
        "<td>" + field.weekdays + "</td>" +
        "<td>" + field.total + "/" + field.capacity + "</td>";
    if (field.open) {
        html_string += "<td><input type='submit' value='open to enroll' class='disabled' disabled></td>";
    } else {
        html_string += "<td><input type='submit' value='Notify me' class='enabled'></td>";
    }
    html_string += "</form></tr>";
    my_table.find('tr:last').after(html_string);
});

我试过删除 <form>和 <tr>完全来自字符串并将其添加到末尾: my_table.append("<tr><form>" + html_string + "</form></tr>");但我得到了同样的效果。好迷茫!

Answer 1

这实际上不是 jquery 问题，而是浏览器问题。浏览器不会让你这样做，因为唯一允许作为 tr 子元素的元素是 th 和 td。

来源:w3c documentation