给定嵌套的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
答案 0 :(得分:6)
那是因为您的标记无效,浏览器以这种方式呈现您的标记:
<a class="star">Hello world! </a>
<a class="ui-icon-star"> hello </a>
因此,点击的元素没有.ui-icon-star
子元素。