Javascript 如何合并2个jquery函数
下面是我的jquery代码,我想将这两个函数合并为一个Javascript 如何合并2个jquery函数,javascript,jquery,Javascript,Jquery,下面是我的jquery代码,我想将这两个函数合并为一个 $("#first_name").change(function() { $('.showvalue').text("First Name Successfully Updated."); }); $("#last_name").change(function() { $('.showvalue').text("last Name Successfully Updated."); }); 这将显示“名字已成功更新”。对于名字和“
$("#first_name").change(function() {
$('.showvalue').text("First Name Successfully Updated.");
});
$("#last_name").change(function() {
$('.showvalue').text("last Name Successfully Updated.");
});
这将显示“名字已成功更新”。对于名字和“姓氏已成功更新”。对于姓氏:
var names = ['First', 'Last'];
for (var i = 0; i < names.length; i++) {
var name = names[i];
$("#" + name.toLowerCase() + "_name").change(function() {
$('.showvalue').text(name + " Name Successfully Updated.");
});
}
var name=['First','Last'];
对于(var i=0;i
这样就可以保持字段名的大小写
此解决方案还可以通过更多字段轻松扩展。组合选择器,然后在事件处理程序中检查id,以确定要使用的消息:
$("#first_name, #last_name").change(function() {
var prefix = this.id === 'first_name' ? 'First' :'Last';
$('.showvalue').text( prefix + " Name Successfully Updated.");
});
您可以使用类选择器在javascript中为元素重用相同的函数 (示例类:changeTrigger)
你需要更清楚地知道你想做什么。您正在寻找某种通用函数来处理所有.change()事件吗?请按“”选择一个答案作为接受的答案✔" 按钮,如果您认为您的问题已经得到了回答。工作:)。非常感谢。
<p>First Name <input type="text" id="first_name" class="changeTrigger" data-ref="First Name"/></p>
<p>Last Name <input type="text" id="last_name" class="changeTrigger" data-ref="Last Name"/></p>
<p class='showvalue'></p>
$(".changeTrigger").change(function(){
//You may use data-ref to attach "FIELD NAME" on element.
var refName = $(this).data("ref");
$('.showvalue').text(refName + " Successfully Updated.");
});