Скрыть элемент по атрибуту данных - PullRequest
Новая
       26

Скрыть элемент по атрибуту данных

0 голосов
/ 08 марта 2019

Я пытаюсь скрыть элемент из таблицы со следующей структурой по атрибуту данных

Я пытаюсь скрыть элемент с атрибутом data-th вот так: 

$('table.mui-table.schedule-table tbody tr > [data-th="Principal"]').hide();

Также 

$('table.mui-table.schedule-table tbody tr td [data-th="Principal"]').hide();

Вот код: 

const hideOne = () =>
  $('table.mui-table.schedule-table tbody tr > [data-th="Principal"]').hide();

const hideTwo = () =>
  $('table.mui-table.schedule-table tbody tr td [data-th="Principal"]').hide();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="mui-table schedule-table" data-mui-borders="true">
       <thead>
          <tr class="schedule-head">
             <th>Payment</th>
             <th>Payment Amt</th>
             <th>Principal</th>
             <th>Interest</th>
             <th>Total Interest</th>
             <th>Balance</th>
             <th></th>
          </tr>
       </thead>
       <tbody>
          <tr>
             <td data-th="Payment">1</td>
             <td data-th="Payment Amt">€90.39</td>
             <td data-th="Principal">€90.00</td>
             <td data-th="Interest">€0.39</td>
             <td data-th="Total Interest">€0.39</td>
             <td data-th="Balance"><strong>€-0.00</strong></td>
          </tr>
       </tbody>
    </table>
    
    <button onclick="hideOne()">One</button>
    <button onClick="hideTwo()">Two</button>
...