1. CourseSitesjQuery plug-in

2. Context Replace specific string(s) on a page that is part of href with something else

3. CourseSites Instructor homepage (ie. https://wayank12teacher2.coursesites.com) List of courses Course101 (https://wayank12teacher2.coursesites.com/s/_course101) Course102 (https://wayank12teacher2.coursesites.com/s/_course102) Goal  replace wayank12teacher2 with www

4. Firebug…locate the element

5. Firebug…locate the element (2)

6. Element of interest <li class="course-navigation-course"><a class="highlight" href="https://wayank12teacher2.coursesites-stage.com/s/_wayank12changestructure101">wayank12changestructure101»</a></li>

7. Find those elements jQuery('li.course-navigation-course').find('a[href]') Results: [<a class=​"highlight" href=​"https:​/​/​wayank12teacher2.coursesites-stage.com/​s/​_wayank12changestructure101">​wayank12changestructure101»​</a>​ , <a class=​"highlight" href=​"https:​/​/​wayank12teacher2.coursesites-stage.com/​s/​_wayank12nov04test101">​wayank12nov04test101»​</a>​ ]

8. Search and Replace ( Use Firebug if you have to) location.host Result  "wayank12teacher2.coursesites-stage.com" varb='https://' + location.host.replace(location.host.split('.')[0],'www')

9. The plug-in jQuery.fn.convertUsertoWWW = function() { return this.each( function() { varc=$(this).attr('href'); varb='https://' + location.host.replace(location.host.split('.')[0],'www')+c; $(this).attr('href',b); } );

10. To execute jQuery('li.course-navigation-course').find('a[href]').convertUsertoWWW();

11. Final script jQuery(document).ready(function() { jQuery.fn.convertUsertoWWW = function() { return this.each( function() { varc=$(this).attr('href'); varb='https://' + location.host.replace(location.host.split('.')[0],'www')+c; $(this).attr('href',b); } ); }; jQuery('li.course-navigation-course').find('a[href]').convertUsertoWWW();