jquery 通用 select 代码 - 如何

Question

我需要这样做：

$("#textarea1").mouseup(function () {
    // how to catch the "1" and set it inside inner selectors?
    $('#id_generator_textbox1_x').val(Math.round($(this).position().left));
    $('#id_generator_textbox1_y').val(Math.round($(this).position().top));
    $('#id_generator_textbox1_w').val($(this).width());
    $('#id_generator_textbox1_h').val($(this).height());
});

多次。 textarea1 可以是 textarea2 等。内部 select 也一样。

如何在不重复此代码 10 次的情况下使其通用 select？

Answer 1

$("[id^='textarea']").mouseup(function () {
    var idSelector = '#id_generator_' + this.id.replace('textarea','textbox');
    $(idSelector + '_x').val(Math.round($(this).position().left));
    $(idSelector + '_y').val(Math.round($(this).position().top));
    $(idSelector + '_w').val($(this).width());
    $(idSelector + '_h').val($(this).height());
});