缩短Javascript代码

对于 my project我一直在努力.我有一段Javascript代码,它将文本插入到一个输入元素中,并且已经双击了它的标签.

$(document).ready(function() {
    $('#name-label').dblclick(function(){
        $("#name").val('[b][color="#FF0000"]Please Submit![/color][/b]');
    });
});

但我希望这段代码能够处理多个字段,而无需一遍又一遍地复制和粘贴代码.我希望插入的文本保持不变.

以下是我想要使用的标签和输入ID：

标签/输入

name-label / name
image-label / image
quest-label / quest
price-label / price
ge-label / ge
halch-label / halch
lalch-label / lalch
details-label / details
examine-label / examine
location-label / location
stats-label / stats
keywords-label / keywords

解决方法

$(document).ready(function() {
    $('label[id$="label"]').dblclick(function(){
        $('#' + this.id.split('-')[0]).val('[b][color="#FF0000"]Please Submit![/color][/b]');
    });
});

1 – 绑定到ID为ending with‘label’的所有元素.

2 – 由于您对ID属性遵循相同的约定,因此通过从单击的ID中提取第一个单词来找到正确的元素,并在前面添加“#”以形成ID选择器.