Блог

Главная - Вопросы по программированию - Как скрыть элемент td с помощью using classname

Как скрыть элемент td с помощью using classname

#jquery #jquery-ui

#jquery #jquery-пользовательский интерфейс

Вопрос:

     <table>
      <tbody>
        <tr>
         <td class="A">More Html element</td>
         <td class="B">More html element</td>
        </tr>
       <tr>
         <td class="A">More Html element</td>
         <td class="B">More html element</td>.....(2)
      </tr>
      <tbody>
   <table>

Как с помощью jquery я могу скрыть элемент под номером 2?

Ответ №1:

Вы также можете использовать n-й дочерний селектор, подобный этому $('td.B:nth-child(2)').hide(); , но я действительно не рекомендую скрывать элементы td, поскольку ваша таблица может выйти за рамки в некоторых случаях вам следует скрыть содержимое элемента td ( <td class="B"><span class="hideMe">sadsa</span></td> , поэтому ваш jquery-селектор для скрытия будет выглядеть как $('td.B:nth-child(2) .hideMe').hide();

Ответ №2:

$("TABLE TD.b").eq(1).hide();

Однако обратите внимание, что это может вызвать проблемы с компоновкой при перемещении ячеек по всей таблице. Лучшим решением было бы поместить контейнер div внутри ячейки и скрыть его вместо этого.

Ответ №3:

Пример — 

 $('td.B').eq(1).hide();

Используйте эквалайзер для выбора указанного индекса.

ДЕМОНСТРАЦИЯ