javascript - Jquery - 如何隐藏表前的 h2 和表后的文本？

Question

我正在开发我的网站，但我不知道如何隐藏表格前的 h2 标签和表格后的文本。你能帮助我吗 ？非常感谢您的帮助。

HTML:

<h2>
  <a class="h2 dark" href="/be/ae/3_controls-training.html" name="3">Controls Training</a>
</h2>
<table class="training" cellspacing="0" width="100%" style="display: none;">
 <tbody>
   <tr>
     <th style="text-align: left;">Training</th>
     <th style="text-align: left;">Start</th>
     <th style="text-align: left;">End</th>
     <th style="text-align: left;">Location</th>
     <th style="text-align: right;">Price*</th>
     <th> </th>
   </tr>
 </tbody>
</table>
)* EUR excl. BTW

JQuery:

<script type="text/javascript">
$(document).ready(function() {
    // this is code for hiding my table if td is not inside
    $('.training').each(function(){
       if ($(this).find('td').length == 0){
        $(this).closest('h2').hide(); // I try to hide h2 before table without success
        $(this).hide(); // this works fine
        // I don't know how to hide text after table
       }
    });
});
</script>

Answer 1

要获取 DOM 中的前一个元素，您可以使用 jQuery .prev() http://api.jquery.com/prev/

$(this).prev().hide();

您无法选择文本，因为它不是 DOM 元素。将其包裹在 p 标签中，然后您可以使用 .next() http://api.jquery.com/next/

$(this).next().hide();

示例:http://jsfiddle.net/sfctbnkz/