-3

次のテーブルレイアウトがあります。

Company_Name | Address | Date
------------------------------
Company A     address1   date 
Company A     address1   diff-date
Company A     address1   diff-date

下の2行を非表示にする方法はありますか？最初の「A社」行をクリックすると、これら2行が表示されますか？基本的に、会社名の同じ値のいずれかを、会社の最初のインスタンスのサブ行として非表示にする必要があります。

編集：現在のコード：

<table id="companyTable" class="tablesorter">
    <thead>
    <tr>
        <th>Company_Name</th>
        <th>Address</th>
        <th>Date</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>CompanyA</td>
        <td>Address1</td>
        <td>Date</td>
    </tr>
    <tr>
        <td>CompanyA</td>
        <td>Address1</td>
        <td>Diff-Date</td>
    </tr>
    <tr>
        <td>CompanyA</td>
        <td>Address1</td>
        <td>Diff-Date</td>
    </tr>
</tbody>
</table>
4

1 に答える 1

0 
<tr class="company_a">
  ...
</tr>
<tr class="company_a">
  ...
</tr>
<tr class="company_a">
  ...
</tr>
<script>

// hide all company_a
$(".company_a").hide();

// show first company_a
$(".company_a:first").show().click(function() {

  // show all company_a when first company_a is clicked
  $(".company_a").show();

});
</script>
于 2013-01-25T16:22:44.163 に答える