Find child and remove its parent using jquery?

Question

I'm able to find the child but can not remove its parent, which is the td row

<tr><td><input type="checkbox"></td><td>Test Information</td></tr>

$(rowHtml).find('input').parent().remove();

I would like the following output:

<tr><td>Test Information</td></tr>

Answer 1

try this:

$(rowHtml).closest('tr').find('td:first').find('input').remove();

I have added this code in Jsfiddle check this: http://jsfiddle.net/4E5zP/1/

Answer 2

确保关闭表情

$(rowHtml).click(function() { $(this).parent().remove();});

Answer 3

I just added a class name to the parent of the input element and remove it

             <tr><td class="inputTD"><input type="checkbox"></td><td>Test Information</td></tr>

                   $(rowHTML).find(".inputTD").remove().end();