how to append 'this' object into html in loop

Question

Good day,

Im am trying to get only tr's with 7 or more td's on it using a loop.

var table = '<table>';

    $('table tr').each(function() {
        xx = $(this).children().length;
        if(xx>7)
        {
            table += this;
        }
        table+='<table>';
        console.log(xx);
     });

document.getElementById('new_table').innerHTML = table;

but this gives me this result

[object HTMLTableRowElement]
[object HTMLTableRowElement]
[object HTMLTableRowElement]
[object HTMLTableRowElement]
[object HTMLTableRowElement]
[object HTMLTableRowElement]
[object HTMLTableRowElement]
[object HTMLTableRowElement]
[object HTMLTableRowElement]
[object HTMLTableRowElement]
[object HTMLTableRowElement]
[object HTMLTableRowElement]

could anyone please tell me whats wrong please? Thank You verymuch..

hi @chet using this.html I am getting `undefined undefined undefined undefined undefined undefined undefined undefined undefined` — melvnberd, Nov 07 '15 at 16:50

score 2 · Accepted Answer · answered Nov 07 '15 at 16:57

2

You could use Element.outerHTML

table += this.outerHTML;

answered Nov 07 '15 at 16:57

charlietfl

170,828
13
121
150

score 0 · Answer 2 · edited May 23 '17 at 12:31

0

You can also use:

table += $(this).clone().wrap('<tr></tr>').parent().html();

$(this).html() gives you only the inner html of the element. Here, in your case, you will not get TR but only all TDs inside TR.

Reference: Get selected element's outer HTML

edited May 23 '17 at 12:31

Community

1
1

answered Nov 07 '15 at 17:00

Ganesh Kumar

3,220
1
19
27

can't wrap a `` in another `` it is invalid – charlietfl Nov 07 '15 at 17:01
`this` is a `` ... and it can not have a parent `` per html specs. Your edit doesn't change that – charlietfl Nov 07 '15 at 17:05
`this` is a ``. But `$(this).html()` gives you only its children. Check it out here: http://plnkr.co/edit/XFghfxNWKJ5PbqL4j8Hd?p=preview – Ganesh Kumar Nov 07 '15 at 17:09
you are assuming that the invalid wrap will work in all browsers – charlietfl Nov 07 '15 at 17:11
When you use `clone()` in memory copy of the element is created. It is not added to the DOM yet. So, even though I am wrapping one tr within another, when it is about to be added to the DOM, the outer tr is stripped off. – Ganesh Kumar Nov 07 '15 at 18:19
Interestingly, you can wrap it in tbody and it still works, because tbody is stripped off anyway! – Ganesh Kumar Nov 07 '15 at 18:26

how to append 'this' object into html in loop

2 Answers2