javascript - Jquery查找其父表中具有属性的元素

Question

我有一个表单验证代码，可以检测具有“validate”属性的所有 DOM 元素。这称为按“提交”按钮:

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

这工作得很好。

而且我还有两个表，每个表都有自己的输入元素，其中包含验证属性和“提交”按钮。

<!-- 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>

如何仅验证“提交”按钮的同一父表中的元素？

Answer 1

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

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

closest 将遍历所属 表，find 将仅在该表内搜索