jQuery无法选择嵌套在表格中的表单输入答案

【问题标题】：jQuery cannot select form input nested within tablejQuery无法选择嵌套在表格中的表单输入
【发布时间】：2012-07-08 19:42:27
【问题描述】：

我有一个带有输入元素的 html 表单。每次我把表格放在表格标签里 <table><form></form></table>，jQuery 选择器无法选择表单内的输入。

这是代码：

<script type="text/javascript">
  $(document).ready(function(){
    $("#myForm #textinput1").val("hahaha");
  });   
</script>
<table>
<form name="myForm" id="myForm">
<input type="text" name="textinput1" id="textinput1" />
</form>
</table>

但以下工作：

<form name="myForm" id="myForm">
<table><input type="text" name="textinput1" id="textinput1" /></table>
</form>

以下内容也可以：

<script type="text/javascript">
    $(document).ready(function(){
        $("#textinput1").val("hahaha");
    }); 
</script>
<table>
    <form name="myForm" id="myForm">
    <input type="text" name="textinput1" id="textinput1" />
    </form>
</table>

【问题讨论】：

标签： html forms html-table jquery-selectors

【解决方案1】：

试试这个

  document.getElementById("textinput1").value;

【讨论】：

我认为这与 "$("#textinput1").val();" 相同但我想知道的是为什么当我将 myForm 放在表格元素中时，我无法使用 jquery 选择器进行选择？

【解决方案2】：

首先，table 不能直接包含form。

您可以将表格嵌套在表单中。

<form>
  <table>
    <tr> <td> My Content </td> </tr>
  <table>
</form>

或者

<table>
    <tr> 
       <td> 
          <form>My Content </form>
       </td> 
    </tr>
 <table>

【讨论】：

终于我发现了问题......不仅是你上面提到的，而且当我把
和
放在不同的 col () 或里面但是在元素之外。这也行不通...非常感谢 robin maben...

【解决方案3】：

<script type="text/javascript">
$(document).ready(function(){
    $("#textinput1").val("hahaha");
});

<table>
<form name="myForm" id="myForm">
<input type="text" name="textinput1" id="textinput1" />
</form>

在上面的代码中，您直接使用其 id 选择输入元素。如果你尝试选择喜欢

$("form#myform #textinput1").val("hahaha");

你不能。直到您的表格中有表格。

【讨论】：