Question

Jquery选项卡控件显示7个选项卡。当我打印页面时，我只想要标签4进行打印。如何在css中隐藏jQuery选项卡控件的选项卡1-3和5-7？感谢。

Answer 1

您需要将其显示设置为无，如下所示：

display: none;

您需要将其添加到要隐藏的标签的所有元素中。例如：

.hideTabId {
    display: none;
}

Answer 2

假设您有以下 html ：

<div id="tabcontainer">
    <div class="tab">tab 1</div>
    <div class="tab">tab 2</div>
    <div class="tab">tab 3</div>
    <div class="tab">tab 4</div>
    <div class="tab">tab 5</div>
    <div class="tab">tab 6</div>
    <div class="tab">tab 7</div>
</div>

您可以使用 css ：

执行此操作

.tab {
  display:none;
}

.tab:nth-child(4) {
    display: block;
}

或 jQuery

$(".tab").hide();
$(".tab:nth-child(4)").show(); // you can also do $(".tab").eq(3).show();

jsFiddle example

使用css隐藏jQuery选项卡

2 个答案: