javascript - 如何在不删除错位标签的情况下操作 HTML 字符串？

Question

我想通过 jQuery 在AngularJS 指令的函数中操作一些HTML 字符串。compile这是一个演示：

console.log( getBuiltHtml( '<div><my-directive /></div>' ) );
console.log( getBuiltHtml( '<tr><my-directive /></tr>' ) );

function getBuiltHtml( html ) {
    return $( '<div>' )
        .html( html )
        .find( 'my-directive' )
            .attr( 'ng-repeat', '$item in $list' )
        .end()
        .html();
}

在第二种情况下，指令的标签意外地消失了！我知道这是因为<tr>不能包含除<th>or以外的其他内容<td>。我怎样才能避免它？

标签： javascripthtmljqueryangularjs