javascript - 使用 jQuery 选择不相关的元素

Question

我是 jQuery 的新手，正在编写一个脚本来根据某个元素所在的元素是否已被选中来更改该元素的颜色。我的第一个问题是我无法编辑 html 结构，并且结构的形成方式给我带来了一些问题。基本上这是结构:

<div class="item">
    <div class="teamNames">
        <span>Team 01</span>
        <span>Team 02</span>
    </div>
    <div class="teamBlocks">
        <div class="block 01">
            <div>Home</div>
            <div>0.65</div>
        </div>
        <div class="block 02">
            <div>Home</div>
            <div>0.65</div>
        </div>
    </div>
</div>

团队名称绝对位于方 block 之上，因此方 block 的内容看起来像“Team Name Home 0.65”。 当选择一个 block 时，它的类变为:

class="block 01 sel"

我可以使用 CSS 轻松更改“Home”和“0.65”文本的颜色，但更改团队名称(Team 01/Team 02)被证明要复杂得多，我想知道是否可行用 javascript 或 jQuery 做这个？ 还值得注意的是，团队名称永远不会相同，因此无法根据内容进行选择

Answer 1

要更改特定团队，您需要为他们提供唯一标识符，例如:

<div class="teamNames">
    <span id="item1">Team 01</span>
    <span id="item2">Team 02</span>
</div>

不，您使用 jQuery 更改选择特定的 span 元素。例如你想改变 Team 01:

$("#item1").text("New Team Name");

希望这就是您想要做的。