如何创建包含自定义变量的函数
How to create a function containing custom var
我已经编写了以下函数来同步一些输入字段:
$(".dp1").on('change', function(e){
var dateValue = $($(this)[0]).val();
$.each($('.dp1'), function(index, item){
$(item).val(dateValue);
});
});
$(".dp2").on('change', function(e){
var dateValue = $($(this)[0]).val();
$.each($('.dp2'), function(index, item){
$(item).val(dateValue);
});
});
$(".rooms").on('keyup', function(e){
var dateValue = $($(this)[0]).val();
$.each($('.rooms'), function(index, item){
$(item).val(dateValue);
});
});
$(".persons").on('keyup', function(e){
var dateValue = $($(this)[0]).val();
$.each($('.persons'), function(index, item){
$(item).val(dateValue);
});
});
由于函数每次都是完全相同的,我想有更好的方法将其合并为一个函数。我正在考虑类似的东西
my_custom_function(my_custom_value){
var dateValue = $($(this)[0]).val();
$.each($('my_custom_value'), function(index, item){
$(item).val(dateValue);
});
}
my_custom_function('.dp1, .dp2, .rooms, .persons');
我知道有办法,但我不知道如何做到这一点。如果有人能帮助我,我非常感谢!
您可以编写一个通用函数,并使用适当的参数调用该函数。
function my_custom_function(selector, event) {
$(selector).on(event, function (e) {
var dateValue = this.value;
$.each($(selector), function (index, item) {
$(item).val(dateValue);
console.log(item);
});
});
}
my_custom_function(".dp1", "change")
my_custom_function(".dp2", "change")
my_custom_function(".rooms", "keyup")
my_custom_function(".persons", "keyup")
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="dp1"></input>
<input type="text" class="dp1"></input>
<br/>
<input type="text" class="dp2"></input>
<input type="text" class="dp2"></input>
<br/>
<input type="text" class="rooms"></input>
<input type="text" class="rooms"></input>
<br/>
<input type="text" class="persons"></input>
<input type="text" class="persons"></input>
演示:http://jsfiddle.net/kishoresahas/49fn1jhk/1/
相关文章:
- 像createComment这样的各种自定义变量名在内联javascript中被覆盖,但在外部js中没有.为什么?
- 清除 Javascript 中窗口对象中的自定义变量
- 谷歌分析自定义变量使用情况
- 是否可以在使用电子商务扩展时将自定义变量发送到谷歌分析
- 将“this”引用到自定义变量
- 将自定义变量传递给匿名 jQuery 点击函数
- 您可以将自定义变量传递到Google Analytics事件跟踪中吗?
- 在Google Analytics中使用自定义变量对事件进行分组
- JS-无法将AJAX的响应分配为自定义变量
- 无法使Google Analytics自定义变量工作
- 我在哪里添加这个谷歌分析自定义变量代码
- 如何发送'自定义变量'测量协议(GA)中的参数
- Javascript,异步,发送自定义变量
- 如何在新的谷歌分析代码中放置自定义变量
- 如何创建包含自定义变量的函数
- 获取或填充自定义变量与谷歌地图方向的响应
- 谷歌分析AJAX页面浏览量和自定义变量
- 添加一个自定义变量作为JSON属性
- 向对象添加自定义变量
- 谷歌分析;对事件使用自定义变量