Javascript 选择一个<；td>；从桌子上

我有一个由用户添加的数据组成的表。所有添加的都添加了一个相等的按钮。像这样：

<td> 
  <form action="newBet.jsp" method="get">
    <fieldset>
        <input class="button betButton1" id="Won" type="submit" name="W" value="&#10004;"/>

          <div class="closeEarlyForm" style="display:none;">
            <input class="form-control" name="update1" type="number"/>
            <input class="button betButton1" type="submit" name="update" value="Close early"/>
          </div>

       <input class="closeEarlyLink" type="button" value="&#9998; Close early?"/>
    </fieldset>
 </form>
</td>

---

我知道我的问题是我选择了类中的所有元素，但我不知道如何只切换/选择特定td上的隐藏元素

您可以尝试将

此

关键字与

parent（）

和

find（）

一起使用：

演示：

$（文档）.ready（函数（）{
$（“.closeEarlyLink”）。单击（函数（e）{
e、 预防默认值（）；
$（this.parent（）.find（“.closeEarlyForm”）.fadeToggle（）；
});
});

您应该使用最接近（）获取字段集，然后找到嵌套的div。谢谢！这很有效。希望你不介意，但是上面代码中的“this”关键字指向什么？我真的搞不懂，但它是有效的：-）只是真的不明白为什么@egx，
这个
关键字指的是当前点击的
.closeEarlyLink
：）得到了它。然后它将选择具有closeEarlyForm类的元素的父元素。有道理！谢谢：-）
$(document).ready(function(){
  $(".closeEarlyLink").click(function(e){
    e.preventDefault();
    $(".closeEarlyForm").fadeToggle();
  });
});

$(this).parent().find(".closeEarlyForm").fadeToggle();