缩短Javascript代码

Question

对于我的项目,我一直在努力.我有一段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

Answer 1

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

1 - 绑定到ID 为 "label"的所有元素.

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