iterate in all text and link inside of TD

HTML

<table id='test' border=1>
    <tr>
        <td>hello....</td>
    </tr>
    <tfoot>
        <tr class="webgrid-footer">
            <td colspan="6">
                1
                <a href="mypage">2</a>
                <a href="mypage">3</a>
                <a href="mypage">4</a>
                <a href="mypage">&gt;</a>
                <a href="mypage">&gt;&gt;</a>
            </td>
        </tr>
    </tfoot>
</table>

<div id='dv'>

</div>

CSS

/*Webgrid style start*/

.webgrid-table {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    width: 100%;
    display: table;
    border-collapse: separate;
    border: solid 1px #98BF21;
    background-color: white;
}

.webgrid-table td,
th {
    border: 1px solid #98BF21;
    padding: 3px 7px 2px;
}

.webgrid-header {
    background-color: #A7C942;
    color: #FFFFFF;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
    text-decoration: none;
}

.webgrid-header a:hover {
    text-decoration: none;
}

.webgrid-footer {}

.webgrid-footer td {
    padding: 0px;
}

.webgrid-footer a:hover {
    text-decoration: none;
}

.webgrid-row-style {
    padding: 3px 7px 2px;
}

.webgrid-alternating-row {
    background-color: #EAF2D3;
    padding: 3px 7px 2px;
}

.notshow {
    display: none;
}

.SmallCols {
    width: 10%;
}

.NameColWidth {
    width: 20%;
}

.footstuff {
    background-color: White;
    color: Red;
}

.footstuff a:visited {
    color: Blue;
}

.footstuff a {
    color: Blue;
}

.footstuff td {
    background-color: White;
    border-color: White;
}


/*Webgrid style start*/

#content {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    display: block;
    /*padding: 25px 20px 35px;*/
    width: 100%;
    /*margin-top:30%;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 62.5%;
    line-height: 1;
}

#content ol,
ul {
    list-style: outside none none;
}

.paginate > li:last-child {
    right: 50px;
    position: absolute
}


/*.paginate > li:last-child
{
    float:right !important;
    right:50px;
    
}*/

.paginate {
    margin: 0;
}

.paginate {
    display: block;
    font-size: 1.2em;
    width: 100%;
    position: relative;
}

.paginate.pag1 {}

.paginate.pag1 li {
    font-weight: bold;
}

.paginate.pag1 li a {
    background: #e9e9e9 none repeat scroll 0 0;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
...

JavaScript

var $div = $('<div id="content" />');
var $list = $('<ul class="paginate pag5 clearfix" />');


var $item = $('<li class="single" />').append('Page 5 of 5 of 50');
$list.append($item);

var $elements = $('.webgrid-footer td').contents().filter(function() {
    return (this.nodeType === 3 && $.trim(this.nodeValue) !== '') || this.nodeType === 1;
});

$elements.each(function() {
    if (!$(this).html()) {
        $item = $('<li class="current" />').append($(this));
    } else {
        if (!isNaN(parseInt($(this).text()))) {
            $item = $('<li />').append($(this));

        } else {
            $item = $('<li class="navpage"/>').append($(this));
            //alert($(this).text());
        }
    }
    $list.append($item);
});

$item = $('<li class="single" />').append('<div id="loader">Loading....</div>');
$list.append($item);
$div.append($list);
//alert($('.webgrid-footer td').html());
$('.webgrid-footer td').append($div);
//$div.append($list);
//$('#dv').append($list);