Comments on: jQuery evangelism

By: P

Tue, 09 Dec 2008 21:05:45 +0000

If there are any select menu element values to copy, you can add them to the Xpath selector:

$("#shipping_fieldset input, #shipping_fieldset select").each(function() {
    var elem = $(this);
    $("#billing_fieldset #"+ 
        elem.attr("id").replace(/shipping/, "billing")).val(elem.val());
});

By: Rafe

Rafe — Wed, 26 Mar 2008 17:01:50 +0000

Great comment. Thanks for the illumination.

By: Asbjørn Ulsberg

Asbjørn Ulsberg — Wed, 26 Mar 2008 16:16:53 +0000

Yes, jQuery is fantastic. I'd simplify your first example to something like this, though:

$(function() {
  $("#sameAsPhysical").change(function() {
    if (this.checked) {
      $("#physical input").each(function() {
        var self = $(this);
        $("#billing input[name='" +
            self.attr("name").replace(/physical/, "billing") +
          "']").val(self.val());
      });
    }
  });
});

Not tested in any way, but the point is to not do $(this) too many times and to utilize the shortcuts available in jQuery, like $(function() {}) instead of $(document).ready(function() {}) and this instead of event.target.

With the jQuery printf plugin, you can rewrite the string concatenation bit to something like this:

$($.sprintf("#billing input[name='%s']",
  self.attr("name").replace(/physical/, "billing")
)).val(self.val());

By: Marc Novakowski

Marc Novakowski — Tue, 11 Mar 2008 07:04:55 +0000

We've been using jQuery for a while now on the "backstage" webpages at Pandora.com (i.e. profile page, artist/album/track detail pages) and it's great. It makes DHTML and Ajax soooo much easier!

The nice thing too is that it's a very active project, and they are always adding new things and making it faster (yet, somehow keeping it fairly simple to use).