如果jQuery在ajax加载中位于表元素内部，则jQuery不会带来表单元素的内容

我对ajax有点陌生，有几件事我还没弄明白……包括这个，当有表单元素时，它不会加载表元素。有什么想法吗

对于名为TESTajax.php的主页，我有以下内容：

$（“a”）.live（'单击'，（函数（e）{
var linkurl=$（this.attr（'href'）；
$（“#main”）.load（linkurl）；
e、 预防默认值（）；
}));

/div>

对于要加载的页面TESTajax.html，我有：

<div>
    <div id="content">
        <h1>Can you see me now?</h1>
        <table>
            <thead></thead>
            <tfoot></tfoot>
            <tbody>
                <tr>
                    <form>
                        <input type="hidden" name="id" value="1"/>
                        <td>Value1</td>
                        <td><button>Submit</button></td>
                    </form>
                </tr>
                <tr>
                    <form>
                        <input type="hidden" name="id" value="2"/>
                        <td>Value2</td>
                        <td><button>Submit</button></td>
                    </form>
                </tr>
            </tbody>
        </table>
    </div>
</div>

你现在能看见我吗？
价值1
提交
价值2
提交

当页面加载时，H1会出现，但不会出现其他内容

如果我删除表格并将所有内容列为列表（UL和LI而不是表格和TR），它将显示所有内容

如果我删除表单标记，它会显示所有内容

我很困惑，真的很喜欢有那些表单标签，因为我现有的代码都是为了使用它而设计的，我真的很想使用一个表，因为大约有15个数据列最好作为一个表来表示

想法

谢谢

不能将

直接放在

中，因此可能会抛出无效的HTML

给定您的

和输入元素，行的这种布局似乎可以工作：

<tr>
   <td>Value1</td>
   <td>
     <form>
       <input type="hidden" name="id" value="1"/>
       <button>Submit</button>
    </form>
  </td>
</tr>

价值1
提交

---

或者，如果您是通过AJAX提交的，您可以自己序列化该行，但是这种方法不会很好地降低性能，因此我建议在可能的情况下不要这样做。IMO

标记应该能够封装一行，这将非常方便，不幸的是事实并非如此。

你完全正确，表单不能放在TR中，很吸引人。这将非常有用。我只是做了一个快速测试，表格也不能放在桌子里面或桌子外面，它需要在桌子里面或桌子外面。哦，好吧。至少我知道这个问题，我会写一些我认为草率但技术上正确的代码。感谢您快速准确的回复！

<div>
    <div id="content">
        <h1>Can you see me now?</h1>
        <table>
            <thead></thead>
            <tfoot></tfoot>
            <tbody>
                <tr>
                    <form>
                        <input type="hidden" name="id" value="1"/>
                        <td>Value1</td>
                        <td><button>Submit</button></td>
                    </form>
                </tr>
                <tr>
                    <form>
                        <input type="hidden" name="id" value="2"/>
                        <td>Value2</td>
                        <td><button>Submit</button></td>
                    </form>
                </tr>
            </tbody>
        </table>
    </div>
</div>

<tr>
   <td>Value1</td>
   <td>
     <form>
       <input type="hidden" name="id" value="1"/>
       <button>Submit</button>
    </form>
  </td>
</tr>