Question

我正在尝试使用某个类ID返回next / closet span的值。我非常接近，但我很困惑如何使用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

Answer 1

您可以alert($(this).next().html());使用$('.data')

当您使用class="data"时，无论您点击了哪一个，它都会获得{{1}}的所有元素

下一个跨度的返回值

1 个答案: