jQuery - Selector: Styling Next Cell Step By Step Tutorial

The best tutorial of php, php framework, php strategies, object oriented oriented,

jQuery - Selector: Styling Next Cell

Tag: jQuery, $(), factory, function, selectors, custom selectors, table, style, cell Category: JavaScript
post: 21 Mar 2008 read: 546

jQuery Selector Step By Step Tutorial - Part 9: Last from this series, we will try to give style to next cell from selected cell. Try update your js like this:


$(document).ready(function(){
  $('th').parent().addClass('table-header');
  $('tr:not([th]):odd').addClass('odd');	
  $('tr:not([th]):even').addClass('even');
  
  $('td:contains("Jude")').next().addClass('top40');  
  
});

Selected cell is cell that have "Jude" text. But, we modify style cell after this cell.

| Give Your Opinion | Recommend

Share and Bookmark to: These icons link to social bookmarking sites where readers can share and discover new web pages.

615

posting

Your Name *	:
Email *	:	(Will not be published)
Website/URL	:
Your Comment *	:

* Required

PHP Basic	PHP Classes	PHP Framework	PHP Application	PHP Security	PHP Editor
PHP Books	PHP Database	MySQL	Hosting	Apache	CSS
Motivation	Web Design	PHP API	JavaScript	Computer Tips

phpeveryday.com

The best tutorial of php, php framework, php strategies, object oriented oriented,

jQuery - Selector: Styling Next Cell