JQuery 更改下一个表属性

Question

我正在尝试使用 .rewardpoints 类更改字体标签后的下一个表格属性。每次我尝试以下代码时，它都会将 ABOVE .rewardpoints 表格上的 cellpadding 更改为 5。有什么想法吗？

<table cellspacing="0" cellpadding="0" border="0">
     <tbody><tr>
        <td>
        <font></font>
        <font></font>
        <font class="text colors_text rewardpoints"><span>Earn Burkett Bucks</span></font>
             <table width="100%" cellspacing="0" cellpadding="10" border="0">
               <tbody>
                 <tr>
                   <td>
                   </td>
                 </tr>
              </tbody>
             </table>
        </td>
    </tr></tbody>
</table>

jQuery('.rewardpoints').closest('table').attr('cellpadding', '5');

我还尝试过以下方法：

jQuery('.rewardpoints').next('table').attr('cellpadding', '5');
jQuery('.rewardpoints').nextAll('table').attr('cellpadding', '5');
jQuery('.rewardpoints').siblings('table').attr('cellpadding', '5');

Answer 1

Closest 在 DOM 树中向上移动。

从当前元素开始
向上旅行
DOM 树，直到找到匹配项
提供的选择器

您应该使用 siblings 或 下一个，或 nextAll

Answer 2

使用下一个而不是最接近。

http://api.jquery.com/next/