jquery泛型选择代码 - 如何

时间:2015-09-01 13:45:28

标签: jquery jquery-selectors

我需要这样做:

$("#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等。

如何在不重复此代码10次的情况下进行通用选择?

1 个答案:

答案 0 :(得分:2)

$("[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());
});