用 jquery 钻通 DOM

Question

如果我试图将文本放入下面的计票元素之一，我将如何在 jquery 中引用它？

<ul class="round round-1">
        <li class="spacer">&nbsp;</li>

        <li class="game game-top pair1">
            <span class="left-rail">
                <span class="seed">1</span>
                <span class="vote-tally"></span>
            </span>
            <span class="right-rail">
                <span class="lead-img"><img src="img/myimage.jpg"></span>
                <span class="name-text">First guy</span>
            </span>
        </li>
        <li class="game game-bottom pair1">
        <span class="left-rail">
            <span class="seed">16</span>
            <span class="vote-tally"></span>
        </span>
        <span class="right-rail">
            <span class="lead-img"><img src="img/anotherimg.jpg"></span>
            <span class="name-text">Second guy</span>
        </span>
    </li>
</ul>

jquery:

$('.round-1').find('.game-top .pair1').find('.left-rail').find('.vote-tally').text('5'); //doesn't work

Answer 1

你这个级别的选择器应该被链接：

 .find('.game-top.pair1')

或者像这样：

$('.round-1').find('.game-top.pair1 .left-rail .vote-tally').text('5');

Answer 2

您可以像这样在 jQuery 中使用子选择器：

    var elem = $(".round-1 > .game-top.pair1 > .left-rail > .vote-tally");
    elem.text("5");

Fiddle

用 jquery 钻通 DOM

drilling through the DOM with jquery

jquery

dom