JQuery&儿童选择器A> B:不工作? [Chrome 24,JQmobile]

时间:2013-02-13 22:00:00

标签: javascript jquery jquery-mobile jquery-selectors

给定嵌套的html:

<a class="star">Hello world!
 <a class="ui-icon-star"> hello </a>
</a>

我使用以下JS:

$('.star').click(function () {
    $(this).toggleClass("favorited");
    $(this > '.ui-icon-star').toggleClass("ui-icon-starred");
});

更改.star和子.ui-icon-star元素,但它不能与孩子一起工作。我的[选择器(?)]错误在哪里?大约$(这是&#39; .ui-icon-star&#39;)我想。

1:http://jsfiddle.net/tNwND/1/ 2:http://www.w3.org/TR/CSS21/selector.html

1 个答案:

答案 0 :(得分:6)

那是因为您的标记无效,浏览器以这种方式呈现您的标记:

<a class="star">Hello world! </a>
<a class="ui-icon-star"> hello </a>

因此,点击的元素没有.ui-icon-star子元素。