jqueryで要素の獲得方法

質問

jqueryについてお聞きしたします。
下記のようなソースで

<div class="sideBox">
<div class="sideBoxHead">
・・・
</div>
<div class="sideBoxInner basename">
<ul><li class="on"><span title="main title">aaa</span></li>

<li><a href="html1" title="title1">bbb</a></li>
<li><a href="html2" title="title2">bbb</a></li>
：
：
<li class="last"><a href="htmlX" title="titleX">zzz</a></li>
</ul></div>
</div>

"title2"をクリックした時の"html2"を獲得したいのですが
$("div.sideBox > div > ul > li > a").click(function(){
var value = this.href;
console.log("varlue = " + value);
});
としても値が獲得できません。

直接"sideBoxInner basename"classからたどれば上手くいくような気がするのですが
クラス名に半角スペースがある場合、どのようにすればいいのでしょうか？

回答No.1

fujillin

title=title2 で識別したいのであれば、それを直接チェックするのが良いのでは？

イベントハンドラの引数にはイベントオブジェクトが返されますので、
　$("div.sideBox a").click(function(event){
　　var t = $(event.target);
　　if(t.attr("title") == "title2")
　　　alert("varlue = " + t.attr("href"));
　});
のような方法ではダメでしょうか？