Jquery 查找在其父元素中具有属性的元素 table

Question

我有一个表单验证代码，可以检测所有 DOM 具有属性 "validate" 的元素。这称为按下 'submit' 按钮：

$('*[validate]').each(function () {/*validation goes here*/});

这很好用。

但我也有两个 table，每个都有自己的输入元素，其中包含验证属性和一个 'submit' 按钮。

<!-- First Table -->
<table>
    <tr>
        <td><input type="text" value="" validate /></td>
        <td><input type="button" value="Ok" onclick="validate function call here"/></td>
    </tr>
<table>

<!-- Second Table -->
<table>
    <tr>
         <td><input type="text" value="" validate /></td>
         <td><input type="button" value="Ok" onclick="validate function call here"/></td>
    </tr>
<table>

如何只验证 'submit' 按钮的同一父级 table 中的元素？

Answer 1

假设 $(this) 是处理程序中的提交按钮

$(this).closest('table').find('[validate]').each(function () {/*validation goes here*/});

closest 将遍历到 owning table 并且 find 将仅在 table[=16 中搜索=]

Jquery 查找在其父元素中具有属性的元素 table

Jquery Find elements with an attribute inside it´s parent table

javascript

jquery

jquery-selectors