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將遍歷到擁有table和find將只在該table內搜索