親クラスでjqueryを追加する

Question

<div class='pagename lock' style='float:left;width:200px;'> 
<a href='javascript:void(0);' class='pages' title='Click to Go' rel="id" > 
</div> 

$(".pages a[rel=id]").parent().addClass("unlock") 

Unlockクラスは親に追加していませんdiv、なぜですか？

Answer 1

最初のセレクタが正しくありません。クラス.pagesの要素内でアンカーを探します。試してください：

$("a[rel='id'].pages").parent().addClass("unlock") 

Answer 2

よく。まず、aタグを閉じる必要があります。

その後

<div class='pagename lock' style='float:left;width:200px;'> 
    <a href='javascript:void(0);' class='pages' title='Click to Go' rel="id">Click</a> 
</div> 

、あなたの例に基づいて、我々はaタグがpagesクラスを持っているので、私たちは、jQueryのセレクタを書き換える必要があることがわかります。

$("a[rel='id'].pages").parent().addClass("unlock") 

Answer 3

Hiya デモhttp://jsfiddle.net/xYdBj/7/

グッド読みます：http://api.jquery.com/parent/

HTML

<div class='pagename lock' style='float:left;width:200px;'> 
<a href='javascript:void(0);' class='pages' title='Click to Go' rel="id" > 
</div> 


​ 

jqueryのコード

$(".pages").parent().addClass("unlock"); 

alert("class added" + $(".pagename").attr("class"));​