我们可以将jquery中的两个函数与不同的事件类型结合起来

时间:2014-07-30 01:50:45

标签: jquery select input onchange onkeyup

无论如何我可以把它结合起来:

$("tbody").on("keyup", "tr td:nth-child(2) input,td:nth-child(3) input,td:nth-child(4)",
function () {
    $(this) //input
    .closest("tr") //finds the row associated with the input
    .find("td:first input") //returns the first cell
    .val(this.value); //sets the text
});

$('select').on('change', function() {
    $(this).closest("tr").find("td:first input").val( this.value );
});

只有select changekeyup for input的一个函数,如:

$("tbody").on("input keyup select change", "tr td:nth-child(2) input,td:nth-child(3) input,td:nth-child(4)",
...
});

我也希望将其设置为type=text的第一个输入,如:

$(this).closest("tr").find("td:first input[type="text"]").val( this.value );

但它不起作用。

fiddle here

1 个答案:

答案 0 :(得分:1)

试试这个:

$("tbody").on("keyup change", "tr td:nth-child(2) input,td:nth-child(3) input,td:nth-child(4) select",
function () {
    $(this) //input
    .closest("tr") //finds the row associated with the input
    .find("td:first input") //returns the first cell
    .val(this.value); //sets the text
});

<强> DEMO