jquery hiding table category

-2

Здравствуйте, это мой первый раз быть здесь. Я хотел бы спросить, как я могу скрыть определенные категории из таблицы.jquery hiding table category

Как я могу скрыть категорию электронной почты одним нажатием кнопки?

<table> 
<tr class='ftable2'> 
    <th align="left">name</th> 
    <th align="left">email adress</th> 
    <th align="right">date</th> 
    <th align="right">cat</th> 
</tr> 
<tr> 
    <td align='left'>name</td> 
    <td align='left'>[email protected]</td> 
    <td align="right">2013</td> 
    <td align="right">msg</td> 
</tr> 
<tr> 
    <td align='left'>name</td> 
    <td align='left'>[email protected]</td> 
    <td align="right">2013</td> 
    <td align="right">msg</td> 
</tr> 
<tr> 
    <td align='left'>name</td> 
    <td align='left'>[email protected]</td> 
    <td align="right">2013</td> 
    <td align="right">msg</td> 
</tr> 
<tr> 
    <td align='left'>name</td> 
    <td align='left'>[email protected]</td> 
    <td align="right">2013</td> 
    <td align="right">msg</td> 
</tr>

источник

2014-01-03 OvidijusR

Отформатируйте таблицу правильно. Вы должны использовать thead и th вместо title. – Advocation

Вы желаете, чтобы скрыть определенный столбец?

Смотрите эту скрипку: http://jsfiddle.net/g2rUk/1/

Используйте селектор nth-child:

$('#tableId').find('td:nth-child(2)').hide();

Где n начинается с 0.

источник

2014-01-03 12:36:51 Abhitalks

Большое спасибо. Это сообщество является одним из лучших! – OvidijusR

Просто добавьте к элементу электронной почты некоторый класс или атрибут данных и найдите его по селектору, они его скрыть. Как <td align="left" class="email-cell">[email protected]</td>

$('#your-button).on('click', function() { 
    $('.email-cell').hide() 
});

источник

2014-01-03 12:38:27 Astralian

Используйте :nth-child() селектор псевдо для выбора второго column.For скрывается hide() Используйте метод.

$(".button").click(function(){ 
    $("table tr td:nth-child(2)").hide(); 
});

FIDDLE

источник

2014-01-03 12:39:03

попробовать это ..

<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() 
{ 
$("#btn").click(function() 
{ 
$(".email").hide(); 
}); 
}); 
</script> 
</head> 
<table> 
<tr class='ftable2'> 
    <td align="left"><b>name</b> 
    </td> 
    <td align="left" class="email"><b>email adress</b> 
    </td> 
    <td align="right"><b>date</b> 
    </td> 
    <td align="right"><b>cat</b> 
    </td> 
</tr> 
<tr> 
    <td align='left'>name</td> 
    <td align='left' class="email">[email protected]</td> 
    <td align="right">2013</td> 
    <td align="right">msg</td> 
</tr> 
<tr> 
    <td align='left'>name</td> 
    <td align='left' class="email">[email protected]</td> 
    <td align="right">2013</td> 
    <td align="right">msg</td> 
</tr> 
<tr> 
    <td align='left'>name</td> 
    <td align='left' class="email">[email protected]</td> 
    <td align="right">2013</td> 
    <td align="right">msg</td> 
</tr> 
<tr> 
    <td align='left'>name</td> 
    <td align='left' class="email">[email protected]</td> 
    <td align="right">2013</td> 
    <td align="right">msg</td> 
</tr> 
</table> 
<button id="btn">hide email</button>

источник

2014-01-03 12:43:04 next2u

jquery hiding table category

ответ

Смежные вопросы