jQueryでハイライト表示を実現する方法

この例では、jQueryがハイライト表示を実現する方法について説明します.皆さんの参考にしてください.具体的には以下の通りです.
主な機能コードは以下の通りです.

var v = window.location.pathname;
 $(".hd ul li a").each(function (i) {
 var vherf = $(this).attr("href");
 if (v == vherf) {
  $(".hd ul li").eq(i).addClass("on")
 }
 else {
  $(".hd ul li").eq(i).removeClass("on")
 }
})

使用時にonのcssハイライト部分スタイルを設定すればいいです.
本文で述べたことが皆さんのjQueryプログラム設計に役立つことを願っています.