下一个跨度的返回值

问题描述

| 我正在尝试使用特定的类ID返回下一个/壁橱范围的值。我超级亲密，但我很困惑如何使用

next()

和

closest()

，任何帮助都很棒 HTML：

    <table width=\"80%\" cellspacing=\"0\" cellpadding=\"0\" >
  <th scope=\"col\">Data</th>
       <tr>
         <td width=\"20%\"><a href=\"#\" class =\"show_data_link\">Show Data</a>
           <span class=\"data\">1 </span>  
          </td>
      </tr>
           <tr>
         <td width=\"20%\"><a href=\"#\" class =\"show_data_link\">Show Data</a>
           <span class=\"data\">2 </span>  
          </td>
      </tr>
           <tr>
         <td width=\"20%\"><a href=\"#\" class =\"show_data_link\">Show Data</a>
           <span class=\"data\">3 </span>  
          </td>
      </tr>
 </table>

JAVASCRIPT

$(\'.show_data_link\').bind(\'click\',function(){
//returns the first class
alert($(\'.data\').html());
//returns null
//alert($(\'.data\').next().html());
//returns null
// alert($(\'.data\').closest().html());
  return false;
});

如果我使用

$(\'.data\').html()

，我可以获取第一个跨度的值，只是不确定如何获取壁橱的跨度的值，因此单击了链接 JSfiddle     

解决方法

你可以这样用

alert($(this).next().html());

当您使用

$(\'.data\')

时，无论您单击哪个女巫，都将获得

class=\"data\"

的所有元素