Скрыть Spanned Rows - PullRequest
       6

Скрыть Spanned Rows

1 голос
/ 12 декабря 2011

Здесь ... Код, который я добавил для фильтрации якорной ссылки, не работает .. И я хочу знать, как скрыть составные строки

<script type="text/javascript">
        $(document).ready(function () {
            //Add click event for Hide anchor
            //This code not working.... why?.. 
           $("table tr td a").filter(function () { return $(this).text() == "Hide"; }).click(function (e) { RowHide(this); return false; })

            //working..but want to have filter.. $("table tr td a").click(function (e) { RowHide(this); return false; })

        });
        function RowHide(obj) {
            var index = $(obj).closest("tr").index();
            //How to hide the spanned row..i.e on clicking R4R5R6C1 Hide link...should hide R4,R5 & R6
          $("table").find("tr:eq(" + index + ") td").each(function () { $(this).hide() });
        }   


    </script>

В этой таблице ..Скрыть работает для всех строк .. кроме составного ряда .. он скрывает только одну строку ..

<table style="width:20%;border:1;border-style:solid">
        <tr>
            <td>
             Header 1
            <td> Header 2</td>
            <td>
               Header 3</td>
        </tr>
        <tr>
            <td>
                R1C1</td>
            <td>
                R1C2</td> 
            <td>
                R1C3</td>
        </tr>
        <tr>
            <td>
                R2C1<br />
                <a href="#"> Hide </a>
                </td>
            <td>
                R2C2</td>
            <td>
                R2C3</td>
        </tr>

        <tr>
            <td>
                R3C1
                <br />
                <a href="#"> Hide </a>
                </td>
            <td>
                R3C2</td>
            <td>
                R3C3</td>
        </tr>
         <tr>
            <td rowspan="3">
                R4R5R6C1
                <br />
                <a href="#"> Hide </a>
                </td>
            <td>
                R4C2</td> 
            <td>
                R4C3</td>
        </tr>
        <tr>            
            <td>
                R5C2</td>
            <td>
                R5C3</td>
        </tr>
        <tr>

            <td>
                R6C2</td> 
            <td>
                R6C3</td>
        </tr>
    </table>

1 Ответ

1 голос
/ 12 декабря 2011

[править] Я изначально неправильно понял проблему.

Попробуй это сейчас, я думаю, это то, что ты был после jsFiddle

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...