Sunday 30 November 2008

JQuery Predicates - Attribute starts with

Add following click handlers to page using console in FireBug
  • $("#lnkRedAttributeStartsWith").click(showRedStartsWith);
  • $("#lnkYellowAttributeStartsWith").click(showYellowStartsWith);
To find an element with an id of 'HelloGoodbyeAttributeStartsWith'
click me yellow
click me red
JQuery Predicate, attribute Starts With


$("[id ^= 'HelloGoodbyeAttributeSt']")
    .removeClass("YellowAttributeStartsWith")
    .addClass("RedAttributeStartsWith"); 

  or

$("div[id^='HelloGoodbyeAttributeSt']")
    .removeClass("RedAttributeStartsWith")
    .addClass("YellowAttributeStartsWith"); 

No comments: