JQuery：更改所有子元素

我想通过.main的模糊事件更改下一个追加表元素的输入元素（.child）的值

HTML:

<input type="text" class="main" value="something">
<table>
    <tr><td>Text</td><td><input type="hidden" class="child" value="anything"></td></tr>
    <tr><td>Text</td><td><input type="hidden" class="child" value="anything"></td></tr>
    <tr><td>Text</td><td><input type="hidden" class="child" value="anything"></td></tr>
</table>

$( ".main" ).blur(function() {
    var content = $(this).val();
    $(this).next("table").find(".child").val(content));
});

你可以做：

$(".main").blur(function() {
    var val = this.value;
    $(this).next("table").find("td .child").each(function() {
        $(this).val(val);
    });
});

试试这个：

$(".main").blur(function() {
    var content = $(this).val();
    $(this).next("table").find(".child").val(content);
});

注意：您在

（内容）之后有一个额外的
）
演示：

打个手势，进一步解释你的意思。非常不清楚。这就是你需要的：他的
.child
是一个输入元素
find
和
在这个上下文中有什么区别？因为上面Melancialuk的评论。。。
$( ".main" ).blur(function() {
    var content = $(this).val();
    $(this).next("table").find(".child").val(content); // Remove ')' here
});