Skip to main content

Bug Tracker

Side navigation

#4461 closed enhancement (wontfix)

Opened March 31, 2009 05:52PM UTC

Closed November 10, 2010 06:25PM UTC

Last modified March 13, 2012 05:05PM UTC

Support array input into .css to return an object of css properties

Reported by: dantman Owned by:
Priority: major Milestone: 1.4
Component: css Version: 1.3.2
Keywords: Cc:
Blocked by: Blocking:
Description

Discussion: http://groups.google.com/group/jquery-dev/browse_thread/thread/49124146636e5bb1

.css currently supports:

.css("name"); => "value" get

.css("name", "value"); => jQuery(this) set

.css({"name": "value"); => jQuery(this) set

This is an enhancement to support another form of css getting:

.css(["name"]); => {"name":"value"} get

Under this suggestion, when .css() is given a single array as input it will iterate over that array return an object with the array items as keys, and corresponding css values as the values.

In essence:

jQuery('<div style="background-color: red; color: white;" />').css(["background-color", "color"]); => { "background-color": "red", "color": "white" }

This enhancement is useful for grabbing multiple css values at once, as well since the output is an object suitable for passing back to .css it is also useful for creating a css object you can use to revert css changes or copy css values from one node to another.

Attachments (1)
  • css-array-support.patch (0.6 KB) - added by dantman March 31, 2009 05:53PM UTC.

    Patch to add support for the enhancment

Change History (3)

Changed June 12, 2010 02:22PM UTC by dmethvin comment:1

component: unfiledcss

Changed November 10, 2010 06:25PM UTC by ajpiano comment:2

resolution: → wontfix
status: newclosed

This could be accomplished by using jQuery.fn.map, and if you need it as part of jQuery.fn.css, you could easily duckpunch it in.

Changed November 23, 2010 09:10PM UTC by snover comment:3

#7169 is a duplicate of this ticket.