Question

我的表中有2行的倍数，如下所示。我希望在页面加载时隐藏第二行模式。

我试图隐藏使用类“a-IRR-header”，但它隐藏了这两行，因为它是两行的公共类。

<tr>
  <th colspan="4" class="a-IRR-header a-IRR-header--group" id="B139078761545827132_1">Basis</th>
</tr>
<tr>
  <th class="a-IRR-header" id="C139079212590827137"><a  data-column="139079212590827137" href="#">Sl</a></th>
  <th class="a-IRR-header" id="C139078981375827134"><a  data-column="139078981375827134" href="#">Question</a></th>
  <th class="a-IRR-header" id="C139079056068827135"><a  data-column="139079056068827135" href="#">Answer</a></th>
</tr>

Answer 1

你可以这样做：

$(document).ready(function(){
    $('tr:eq(1)').hide();
});

所有tr为3 th而不是a-IRR-header-group cuz有tr标签，第3个与其他类我不想打扰：

$.each('tr').function({
    if($(this).find('th').not('.a-IRR-header').length == 3)
    {
        $(this).parents('tr:first').hide();
    }
});

Answer 2

您可以使用ccs nth-child()来实现此目的：

table tr:nth-child(2) {
    background: #ccc;
}

例如：

＆＃13;

table tr:nth-child(2) {
    background: #ccc;
}

＆＃13;

<table width="100%" border="1">
  <tr>
    <td>&nbsp;</td>
    <td>$</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>$</td>
    <td>&nbsp;</td>
  </tr>
  <!--
  <tr>
    <td>&nbsp;</td>
    <td>$</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>$</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>$</td>
    <td>&nbsp;</td>
  </tr>
  -->
</table>

＆＃13;

Answer 3

首先，我认为你应该检查你的课程的语法，太多的大写字母（这是一个个人的意见，但它会帮助你）。

我真的不明白你要做什么，但你可以使用CSS选择器：

table tr:nth-child(2) {
    display: none;
}

如果你真的需要在加载时隐藏它，你可以使用类似的东西：

$(document).ready(function() {
    $( "table tr:nth-child(2)").css('display', 'none');
})

Answer 4

$(document).ready(function() {
    $('.a-IRR-header').eq(1).hide()
});

table tr:nth-child(2) {
    background: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table width="100%" border="1">
    <tr>
        <th colspan="4" class="a-IRR-header a-IRR-header--group" id="B139078761545827132_1">Basis</th>
    </tr>
    <tr>
        <th class="a-IRR-header" id="C139079212590827137"><a class="a-IRR-headerLink" data-column="139079212590827137" href="#">Sl</a></th>
        <th class="a-IRR-header" id="C139078981375827134"><a class="a-IRR-headerLink" data-column="139078981375827134" href="#">Question</a></th>
        <th class="a-IRR-header" id="C139079056068827135"><a class="a-IRR-headerLink" data-column="139079056068827135" href="#">Answer</a></th>
    </tr>
</table>

使用类隐藏表中的一行

4 个答案: