Javascript 使用jQuery访问各种元素

我目前正在做的事情是选中一个框，并在勾选后将其旁边的文本更改为超链接

<li class="myList">
<input class="myCheckBox" type="checkbox" name="frank"  value="someVal"/>
<span style="dispaly:none;">
<a class="navigation">mylink</a>
</span>
<span>myLink</span>
</li>
<li class="myList">
<input class="myCheckBox" type="checkbox" name="frank"  value="someVal"/>
<span style="dispaly:none;">
<a class="navigation">mylink</a>
</span>
<spanmyLink></span>
</li> .. and so on

但是，一旦我使点击事件发生，我如何获得这些跨度的访问权，以便更改各种元素的样式等

---

谢谢

您可以从

这个

开始，它是当前元素，然后使用其中任何一个在DOM中移动，例如：

$(window).load(function(){
  $('.myCheckBox').change(function() {
    $(this).next("span").toggle(this.checked);
  });       
});

---

在上面我们用来做隐藏/显示，这允许我们隐藏/显示

，这取决于我们关心的复选框是否被选中。

@Nick:谢谢你的回复。因此，我可以访问span，比如说我想提取上面示例中第二个span标记的文本，我该怎么做？@叔叔-如果你想要“mylink”span，它应该像

.next（）.next（）.next（）

或

.nest（

，

。兄弟姐妹（“span:last”）

@Nick:Brilliant！但它只有在我使用.click事件而不是.changed时才有效。为什么？P.S used.sibbines（'span:last'）@叔叔-您使用的是

.change（）

还是

.change（）

？@Nick:两种方法都试过了，但都没有成功（我想当然JQuery只使用了其中一种）

$(window).load(function(){
  $('.myCheckBox').change(function() {
    $(this).next("span").toggle(this.checked);
  });       
});