javascript - 如何遍历中的元素

Question

HTML:

<tr id="head-58">
    <td style="width:150px;">
        <input type="button" name="delete" class="delete_person" value="58" />name<button type="button" style="margin: 1px 35px 5px;" name="delete" value="58" class="delete_icon button_style">Delete</button>
    </td>
    <td>
        <input type="checkbox" name="first_aid" id="id_first_aid" />FirstAid
    </td>
    <td>
        <input type="checkbox" name="sick_bay" id="id_sick_bay" /Sick bay
    </td>
    <td>
        <input type="checkbox" name="ambulance" id="id_ambulance" />Ambulance
    </td>

</tr>

点击 delete_person 类时，我想显示带有 delete_icon 类的隐藏按钮。由于类 delete_icon 可以有多个，我需要显示隐藏按钮形式的点击元素。我尝试使用 $this.closest ('tr').find(".delete_icon").toggle(); 不起作用。

Answer 1

使用:

$this.parents('tr').find(".delete_icon").toggle();