Question

我想通过.main

的blur事件更改下一个附加table-element的输入元素（.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>

JS：

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

Answer 1

你可以这样做：

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

Answer 2

试试这个：

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

注意： )

后您还有(content)) <--- remove that个额外费用

Answer 3

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

演示：

http://jsfiddle.net/k6qCx/

JQuery：更改所有子元素

3 个答案: