javascript - JQuery 和子选择器 A > B：不工作？[Chrome 24，JQmobile]

Question

给定嵌套的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 元素，但它不适用于子元素。我的 [selector(?)] 错误在哪里？我猜大约是 $(this > '.ui-icon-star')。

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

Answer 1

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

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

所以点击的元素没有.ui-icon-star子元素。