html - jQueryはテーブル内にネストされたフォーム入力を選択できません

Question

入力要素を持つ html フォームがあります。そのフォームを table tag 内に配置するたびに <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>

Answer 1

まず、 Aに aを直接table含めることはできません。form

フォーム内でテーブルをネストできます。

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

または

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

Answer 2

これを試して

  document.getElementById("textinput1").value;