jquery - jQuery HTML操作问题

我从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轻松做到这一点？

最佳答案

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

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

关于jquery - jQuery HTML操作问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1059334/