Как показать только три строки таблицы в WordPress с помощью jQuery

Question

Я хочу показать только три записи таблицы в WordPress.Я пытаюсь написать код в jQuery, чтобы скрыть его, но он не работает, это мой HTML-код

<tr role="row" class="odd"></tr>
<tr role="row" class="even"></tr>
<tr role="row" class="odd"></tr>
<tr role="row" class="even"></tr>
<tr role="row" class="odd"></tr>
<tr role="row" class="even"></tr>
<tr role="row" class="odd"></tr>
<tr role="row" class="even"></tr>

это мой код jQuery, чтобы показать три строки таблиц в WordPress с использованием jQuery

<script type="text/javascript">

jQuery(document).ready(function($) {

console.log("check");
  jQuery("table > tbody > tr").hide().slice(0, 3).show();

});

</script>

Answer 1

Проверьте это.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr role="row" class="odd"><td>1</td></tr>
<tr role="row" class="even"><td>2</td></tr>
<tr role="row" class="odd"><td>3</td></tr>
<tr role="row" class="even"><td>4</td></tr>
<tr role="row" class="odd"><td>5</td></tr>
<tr role="row" class="even"><td>6</td></tr>
<tr role="row" class="odd"><td>7</td></tr>
<tr role="row" class="even"><td>8</td></tr>

</table>
<script type="text/javascript">

  jQuery(document).ready(function($) {

    jQuery("table > tbody > tr").hide().slice(0, 3).show();

  });

</script>