codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2024-11-27 01:25:42 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions
Page: Accessing data through data attribute
Pages
Access dev database Access power user features Access url params in a view Accessing data through data attribute Add a Mongoose Model Add a collection schema Add a collection Add a form Add a route Add a view Add basic REST endpoints for a collection Add events to a view Add methods for special server endpoints Add space between elements Adventurer Home Aether Ambassador Home Archmage Home Artisan Home Artisan How To Index Autocomplete Tuning Building A Level Call server from view Change player level Chat Room Rules Chat Room Chief Artisan Level Audition Client models Coco Models Coding Guidelines for Artisans Coding Guidelines Component Authoring Guide Component Components And Systems Tabs Connect Backbone to new collection Cookbook Debug a template Dev Setup: General Information Dev Setup: Issues Dev Setup: Linux Dev Setup: Mac Dev Setup: Vagrant Dev Setup: Windows Developer organization Diplomat Home Edit page translations Editing Thang Components Educational Standards Events, subscriptions, shortcuts File system Git Policies Goals HOWTO: Create static teacher page Handle a server error Home Important Artisan Concepts Inspect a view JSON Schema Keyboard Shortcuts Level editor Make yourself admin Mission statement Multiplayer Organize a complicated template Permissions Programming Concepts Project Ideas List Referee Scripting Run dev client on prod db Sample Code Scribe Home Scripts Tab Scripts Settings Tab Show data in a view Simplify Collision Start a New Level Surface System Tasks Tab Technical overview Test client interface Test client Test server endpoint Testing Thang Component System Thang Thangs Tab Third party software and services Tome Translate page strings Treema Versioning Views World i18n Glossary es 419 i18n Glossary nb i18n Glossary ru i18n
2 Accessing data through data attribute
Scott Erickson edited this page 2016-02-10 09:20:16 -08:00
Table of Contents

Problem

You want to reference the data stored inside a element's data attribute

Solution

Use jQuery's built-in data accessing method data('data_tag').

Details

Given an element with a properly formatted data tag: data-[data_tag].

- var helloWorld = "Hello, World!";
div#foo(data-bar=helloWorld)

Use jQuery's data function, we find the data assigned to data-bar.

elem = $('#foo') # Returns a jQuery object.
importantString = elem.data('bar') # Pulls the data from the 'bar' data field.
console.log importantString # Output: Hello, World!

Resources

CodeCombat | Home | Blog | Forum | Teachers | Legal | Contribute