Javascript Jquery动态变化

Javascript Jquery动态变化,javascript,jquery,Javascript,Jquery,我不是Jquery的专家,我的开发者不在。我正在使用。这个很好用。代码如下: $(function(){ $('.example7').jqCron({ enabled_minute: true, multiple_dom: true, multiple_month: true, multiple_mins: true, multiple_dow: true, multiple_tim

我不是Jquery的专家,我的开发者不在。我正在使用。这个很好用。代码如下:

    $(function(){
    $('.example7').jqCron({
        enabled_minute: true,
        multiple_dom: true,
        multiple_month: true,
        multiple_mins: true,
        multiple_dow: true,
        multiple_time_hours: true,
        multiple_time_minutes: true,
        default_period: 'week',
        default_value: '*/14 */2 */3 * *',
        bind_to: $('.example7-input'),
        bind_method: {
            set: function($element, value) {
                $element.val(value);
            }
        },
        no_reset_button: false,
        lang: 'en'
    });
});
<div class="example7"></div> <input class="example7-input" />
<div class="example8"></div> <input class="example8-input" />

 <div class="example8"></div> <input class="example8-input" />
html

<div class="example7"></div> <input class="example7-input" />

我的问题

我需要将上述函数添加到一些div中,如下所示

    $(function(){
    $('.example7').jqCron({
        enabled_minute: true,
        multiple_dom: true,
        multiple_month: true,
        multiple_mins: true,
        multiple_dow: true,
        multiple_time_hours: true,
        multiple_time_minutes: true,
        default_period: 'week',
        default_value: '*/14 */2 */3 * *',
        bind_to: $('.example7-input'),
        bind_method: {
            set: function($element, value) {
                $element.val(value);
            }
        },
        no_reset_button: false,
        lang: 'en'
    });
});
<div class="example7"></div> <input class="example7-input" />
<div class="example8"></div> <input class="example8-input" />

 <div class="example8"></div> <input class="example8-input" />

解决方法是单击example7div,该值只需应用于输入框example7 input。因此,每个div都需要显示不同的值。所有这些都使用相同的Jquery函数


那么,我如何修改jQuery函数,使您的函数如下所示:

Javascript

$(函数(){
$('.example7').jqCron({
每分钟:对,
多重性:对,
多个月:对,
多分钟:对,
多道:没错,
多小时:正确,
多个时间分钟:正确,
默认周期:“周”,
默认值:'*/14*/2*/3**',
绑定到:$('.example7输入、.example8输入、.example9输入'),
绑定方法:{
集合:函数($element,value){
$element.val(值);
}
},
无重置按钮:错误,
朗:“恩”
});
});
HTML


所以您的函数应该是这样的:

Javascript

$(函数(){
$('.example7').jqCron({
每分钟:对,
多重性:对,
多个月:对,
多分钟:对,
多道:没错,
多小时:正确,
多个时间分钟:正确,
默认周期:“周”,
默认值:'*/14*/2*/3**',
绑定到:$('.example7输入、.example8输入、.example9输入'),
绑定方法:{
集合:函数($element,value){
$element.val(值);
}
},
无重置按钮:错误,
朗:“恩”
});
});
HTML


您可以尝试以下代码片段:

$(function () {
  var classes_arr = ["example7", "example8", "example9"];

  for (var item in classes_arr) {
    $("." + classes_arr[item] + "").jqCron({
      enabled_minute: true,
      multiple_dom: true,
      multiple_month: true,
      multiple_mins: true,
      multiple_dow: true,
      multiple_time_hours: true,
      multiple_time_minutes: true,
      default_period: "week",
      default_value: "*/14 */2 */3 * *",
      bind_to: $("." + classes_arr[item] + "-input"),
      bind_method: {
        set: function ($element, value) {
          $element.val(value);
        },
      },
      no_reset_button: false,
      lang: "en",
    });
  }
});

在此代码段中,所有元素都分组在一个数组中。如果需要添加更多元素,请在
classes\u arr
数组中添加它们的类名。

您可以尝试以下代码段:

$(function () {
  var classes_arr = ["example7", "example8", "example9"];

  for (var item in classes_arr) {
    $("." + classes_arr[item] + "").jqCron({
      enabled_minute: true,
      multiple_dom: true,
      multiple_month: true,
      multiple_mins: true,
      multiple_dow: true,
      multiple_time_hours: true,
      multiple_time_minutes: true,
      default_period: "week",
      default_value: "*/14 */2 */3 * *",
      bind_to: $("." + classes_arr[item] + "-input"),
      bind_method: {
        set: function ($element, value) {
          $element.val(value);
        },
      },
      no_reset_button: false,
      lang: "en",
    });
  }
});

在此代码段中,所有元素都分组在一个数组中。如果您需要添加更多元素,请在
classes\u arr
数组中添加它们的类名。

那么您想在这三个div上显示
jqCron
,是吗?是的,这正是我想要的。所以您想在这三个div上显示
jqCron
,是吗?是的,这正是我想要的。这将把值应用到所有这些输入框中。我的意思是,如果我更改了一个字段中的值,比如说example7,那么jquery会将该更改应用于所有inputbox,与上面相同。这一变化适用于所有输入字段我想我不明白你的问题。如果您提供一些输入输出,效果会更好。单击example7 div时,该值只需应用于输入框example7 input。因此,每个div都需要显示不同的值。这会将这些值应用于所有这些输入框。我的意思是,如果我更改了一个字段中的值,比如说example7,那么jquery会将该更改应用于所有inputbox,与上面相同。这一变化适用于所有输入字段我想我不明白你的问题。如果您提供一些输入输出,效果会更好。单击example7 div时,该值只需应用于输入框example7 input。所以每个div需要显示不同的值。更新答案。现在检查,谢谢你,弗雷迪。这个很好用。这是解决方案更新的答案。现在检查,谢谢你,弗雷迪。这个很好用。这就是解决办法