用jQuery瞄准孩子

Question

我有以下代码：

<div class="topLevel">
    <span class="misc pointDown"></span>
<span class="misc"></span>
<span class="b">item</span>
</div>

当我点击topLevel时，我需要将“pointDown”替换为“pointUp”。我认为我难以针对正确的元素。

$(".topLevel").live('click', function() {
    $(this).next("span").removeClass("pointDown").addClass("pointUp");
});

Answer 1

试试这个：

$(".topLevel").live('click', function() {
    $(this).children('.misc').first()
           .removeClass("pointDown").addClass("pointUp");
});

Answer 2

$(".topLevel").live('click', function() {
   $(this).find("span:eq(0)").removeClass("pointDown").addClass("pointUp");
});

Answer 3

$('.topLevel').live('click', function() {
    $(this).children('span.pointDown').removeClass("pointDown").addClass("pointUp"); });

Answer 4

不要假设第一项是你的元素 - 这不是正确的答案（如果你问我）。

$('.topLevel').click(function() {
     $(this).find('.misc.pointDown').removeClass('pointDown').addClass('pointUp');
}