As mentioned by FrenchiINLA, $("table tr:has(table)") or $(".list
tr:has(table)") should do it.
On Jul 29, 5:04 am, nullstring <jayz...@gmail.com> wrote:
> Hi,
>
> am not sure if I'm doing this right ..
>
> I have here the function to move the paging from GridView(table)
> generated by .NET, on top/before the table(GridView), and put it
> inside the DIV element.
>
> Problem is, the condition there:
> if($('tbody tr:last td:has(table)', this).length > 0)
> doesn't work.
>
> I have provided a simplier table and expected result at the bottom.
>
> - JQuery Code : Start
> ---------------------------------------------------------------------------------------
>
> jQuery.fn.CreatePagingOnTop = function() {
> if(jQuery(this).is('table')) {
> if($('tbody tr:last td:has(table)', this).length > 0) { //
> need to check if the paging table exists in the last row of the table
> this.before('<div><table id=\'pages\'></table></div>');
> this.find('tbody tr:last').remove().appendTo($("#pages"));
> }
> }
>
> return this;
>
> }
>
> $(document).ready(function()
> {
> // let's remove our paging and create
> // DIV element on top of table element and move the paging
> there..
> $("#scrollTable").CreatePagingOnTop();
>
> });
>
> - JQuery Code : END
> ---------------------------------------------------------------------------------------
>
> - HTML: Table problem, simplified : Start
> -----------------------------------------------------------
>
> <table>
> <thead>
> <th>head 1</th>
> <th>head 2</th>
> </thead>
> <tbody>
> <tr>
> <td>col 1 r1</td>
> <td>col 2 r1</td>
> </tr>
> <tr>
> <td>col 1 r2</td>
> <td>col 2 r2</td>
> </tr>
> <tr>
> <td colspan="2">
> <!--
> start of paging table, which is conditionally generated
> depends on Items/Row Per Page.
> "Conditionally": because if current items/row in page
> displayed is lesser than Items/Row Per Page,
> this table will not be generated.
>
> I have to set a condition on my jQuery so it will not
> remove and move the last row which could be a data values,
> instead of the Page links.
> -->
> <table border="0">
> <tr>
> <td><span>1</span></td>
> <td><a href="">2</a></td>
> </tr>
> </table>
> </td>
> </tr>
> </tbody>
> </table>
>
> - HTML: Table problem, simplified : END
> -----------------------------------------------------------
>
> - HTML: Expected result : Start
> ------------------------------------------------------------------------
>
> <div>
> <table>
> <tr>
> <td><span>1</span></td>
> <td><a href="">2</a></td>
> </tr>
> </table>
> </div>
> <table id="scrollTable">
> <thead>
> <th>head 1</th>
> <th>head 2</th>
> </thead>
> <tbody>
> <tr>
> <td>col 1 r1</td>
> <td>col 2 r1</td>
> </tr>
> <tr>
> <td>col 1 r2</td>
> <td>col 2 r2</td>
> </tr>
> </tbody>
> </table>
>
> - HTML: Expected result : Start
> ------------------------------------------------------------------------
>
> - HTML: Result if no condition and no Page links table : Start
> -----------------------------
>
> <div>
> <table>
> <tr>
> <td>col 1 r2</td>
> <td>col 2 r2</td>
> </tr>
> </table>
> </div>
> <table>
> <thead>
> <th>head 1</th>
> <th>head 2</th>
> </thead>
> <tbody>
> <tr>
> <td>col 1 r1</td>
> <td>col 2 r1</td>
> </tr>
> </tbody>
> </table>
>
> - HTML: Result if no condition and no Page links table : END
> -----------------------------
>
> Please?
