jQuery Html 操作问题

Question

我从 AJAX 请求返回以下 HTML 结构...

<th scope="col" style="yada,yada,yada">
<a href="javascript:funcName();" style="yada,yada,yada">
Test<br />Heading</a></th>
<th scope="col" style="yada,yada,yada">
<a href="javascript:funcName2();" style="yada,yada,yada">
Test<br />Heading2</a></th>

我想操纵它，以便最终结果是......

<th>Test<br />Heading</th>
<th>Test<br />Heading2</th>

我基本上想删除内联样式，并从超链接中提取文本。我如何使用 jQuery 轻松做到这一点？

Answer 1

假设$data是上面解析的DOM结构...

$data.find('th').each(function() {
    $(this).removeAttr('scope').removeAttr('style').html(
        $(this).find('a').html()
    );
}).appendTo(selector);