如何优化我的JavaScript？

Question

I have inherited a piece of code which has a series of functions like the following:

$("#data[User][notify_one_day_out]").change(function () {
    $("#updatenotificationsform").submit();
}

$("#data[User][notify_one_month_out]").change(function () {
    $("#updatenotificationsform").submit();
 }

and this goes on and on. How do I just write one function that does the same thing since every ID begins with data. Sorry am a JS newbie

Thanks

Answer 1

Something like this would probably work for you:

$('[id^="data"]').change(function() {
 $("#updatenotificationsform").submit();
}

That basically says: grab all the elements with an Id starting with the string "data", you can read more about that here: http://api.jquery.com/attribute-starts-with-selector/

Let me know if that helps!

Edit

Alternatively if you can modify your mark up, you could assign the same class to all those elements, and then just select using the class selector.

Answer 2

In addition to @Deleteman's sound advice, remember that you can specify multiple selectors for $() , eg:

$(  "#data[User][notify_one_month_out]",
    "#data[User][notify_one_day_out]",
    "#some-other-selector",
    // ...
).change(function () {
  $("#updatenotificationsform").submit();
}

Answer 3

You can actually stack up those Jquery selectors would that be enough of a help or do you really have ALOT of them?

$("#data[User][notify_one_day_out], #data[User][notify_one_month_out]").change(function ()     
{
    $("#updatenotificationsform").submit();
}