$.fn.anchorAway = function(act){
  urlArr    = window.location.href.split("#");
  anchorName  = urlArr[(urlArr.length - 1)];
  $(this).each(function(){
		targetId  = $(this).attr("id");
		bindIt = function(i){
			$("a[href='#" + i + "']").each(function(){
				$(this).bind('click', function(){
					act($("#" + i));
				});
			});
		}
		bindIt(targetId);
		if (targetId == anchorName) {
			act($(this));
		}
	});
}


=== USAGE ===

$("div").anchorAway(function(obj){
  obj.css("background-color","yellow");
});

$.fn.anchorAway = function(act){

  urlArr    = window.location.href.split("#");
  anchorName  = urlArr[(urlArr.length - 1)];

  $(this).each(function(){
    targetId  = $(this).attr("id");	
    bindIt = function(i){
      $("a[href='#" + i + "']").each(function(e){
        e.bind('click', function(){
          act($("#" + i));
        });
      });
    }
    bindIt(targetId);
    if (targetId == anchorName) {
      act($(this));
    }
  });
}

=== USAGE ===

$("div").anchorAway(function(obj){
  obj.css("background-color","yellow");
});

$.fn.anchorAway = function(act){

  urlArr    = window.location.href.split("#");
  anchorName  = urlArr[(urlArr.length - 1)];

  $(this).each(function(){
		
		targetId  = $(this).attr("id");
		
		bindIt = function(i){
			$("a[href='#" + i + "']").each(function(e){
				e.bind('click', function(){
					act($("#" + i));
				});
			});
		}
		bindIt(targetId);
	
		if (targetId == anchorName) {
			act($(this));
		}

	});

}

=== USAGE ===

  $("div").anchorAway(function(obj){
    obj.css("background-color","white");
  });

$.fn.anchorAway = function(act){

	urlArr    = window.location.href.split("#");
	anchorName  = urlArr[(urlArr.length - 1)];

	$(this).each(function(){
		
		targetId  = $(this).attr("id");
		
	  bindIt = function(i){
			$("a[href='#" + i + "']").each(function(e){
				e.bind('click', function(){
			    act($("#" + i));
				});
			});
		}
		bindIt(targetId);
	
		if (targetId == anchorName) {
			act($(this));
		}

	});

}

=== USAGE ===

  $("div").anchorAway(function(obj){
    obj.css("background-color","white");
  });

$.fn.anchorAway = function(act){

	urlArr    = window.location.href.split("#");
	anchorName  = urlArr[(urlArr.length - 1)];

	$(this).each(function(){
		
		targetId  = $(this).attr("id");
		
	  bindIt = function(i){
			$("a[href='#" + i + "']").each(function(e){
				e.bind('click', function(){
			    act($("#" + i));
				});
			});
		}
		bindIt(targetId);
	
		if (targetId == anchorName) {
			act($(this));
		}

	});

}

=== USAGE ===


  $("div").anchorAway(function(obj){
	  obj.css("background-color","white");
	});

$.fn.anchorAway = function(f){

	a  = window.location.href.split("#");
	p  = a[(a.length - 1)];

	$(this).each(function(){
		
		i  = $(this).attr("id");
		
	  bindIt = function(i){
			$("a[href='#" + i + "']").bind('click', function(){
		    f($("#" + i));
			});
		}
		bindIt(i);
	
		if (i == p) {
			f($(this));
		}

	});

}

=== USAGE ===

$("div.anchorme").anchorAway(function(b){
  b.addClass("highlighted");
});

$.fn.anchorAway = function(f){

	a  = window.location.href.split("#");
	p  = a[(a.length - 1)];

	$(this).each(function(x){
		
		i  = $(this).attr("id");
		
	  bindIt = function(i){
			$("a[href='#" + i + "']").bind('click', function(){
		    f($("#" + i));
			});
		}
		bindIt(i);
	
		if (i == p) {
			f($(this));
		}

	});

}

=== USAGE ===

$("div.anchorme").anchorAway(function(b){
  b.addClass("highlighted");
});

$.fn.anchorAway = function(f){
	a  = window.location.href.split("#");
	i  = a[(a.length - 1)];
	$(this).each(function(){
		if ($(this).attr("id") == i) {
			f($(this));
		}
	});
}

=== USAGE ===

$("div.anchorme").anchorAway(function(b){
  b.addClass("highlighted");
});

Sometimes you click a link like faq.html#item5 and, after the browser jumps you to the anchor, you have trouble spotting the item you're looking for. anchorAway is a little function that helps you call a function on anchored items, maybe something like a scrollTo or a background color, that helps users easily spot the content you directed them to.

anchorAway parses the window.location for an anchor (#foo), finds it, and calls the function (act(bar)) on it. It also finds any on-page links to the objects you've specified and binds the same function to their click event.

Call a function on an anchored object

jquery

jQuery