jquery - JQueryの次のテーブル属性の変更

Question

クラス .rewardpoints の font タグの後の次のテーブル属性を変更しようとしています。次のコードを試すたびに、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

最も近いものがDOMツリーを上っていきます。

現在の要素で始まり、提供されたセレクターに一致するものが見つかるまでDOMツリーを上に移動します

兄弟、またはnext、またはnextAllを使用する必要があります

Answer 2

最も近い代わりにnextを使用します。

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