Advanced Search

Store the relationship between elements using .data()

/ Published in: jQuery
Save to your folder(s)
Very useful snippet to link elements together.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. $('#myList li').each(function() {
  2.     var $li = $(this), $div = $li.find('div.content');
  3.     $li.data('contentDiv', $div);
  4. });
  5.  
  6. // later, we don't have to find the div again;
  7. // we can just read it from the list item's data
  8. var $firstLi = $('#myList li:first');
  9. $firstLi.data('contentDiv').html('new content');

URL: http://jqfundamentals.com/book/index.html

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.