Question

尝试通过名称选择td内的textarea。没有一种常规方法似乎有效：

<script>$(document).ready(function () {
$( document ).on( 'click', 'button', function (event) {
    $(".myForm [name='name']").val('Hello World!');
    $(".myForm td [name='name']").val('Hello World!');
    $(".myForm td textarea [name='name']").val('Hello World!');
    $(".myForm textarea [name='name']").val('Hello World!');
});
});</script>


<table>
<tr>
    <form class="myForm">
        <td>
            <textarea name="name"></textarea>
        </td>
    </form>
</tr>
</table>

<button>click me</button>

        </td>
    </form>
</tr>
</table>

点击我

Answer 1

您需要使用table包围整个form并删除元素和属性选择器之间的空格，即textarea[name='name']。

https://jsfiddle.net/jd7qp4ts/

Answer 2

你在表格中非标准包装表格元素的问题。正如其他人所指出的那样，在这里查看Form tag won't enclose elements inside a table和空格。可能的解决方案是重新组织您的标记。

在表格中按名称选择输入

2 个答案: