jquery - 親にクラスを追加する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

最初のセレクターが正しくありません。class を持つ要素内のアンカーを探します.pages。試す：

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

Answer 2

ひやデモ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"));​

Answer 3

良い。まず、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")