JQuery Html Манипуляция Вопрос

Question

я следующая структура HTML возвращается из запроса AJAX ...

<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); 

Answer 2

Похоже, самый простой подход должен был бы выбрать из текста, а затем использовать его для создания новых элементов TH, которые могут быть легко сделать в jQuery. Предполагая, что ваши данные в данных переменной по имени, вы хотите сделать что-то вроде:

var newTH = ''; // To store as you go 
$("th a", data).each(function(){ // Loop over all anchors in THs 
    newTH += "<th>" + $(this).html() + "</th>"; // Pull out the innerHTML of the anchor, wrap in TH 
}); 

Переменная Ньют теперь будет кусок HTML, который вы можете использовать JQuery для добавления в вашей таблицы.

Я бы посоветовал сначала создать его как строку, просто ради скорости. Манипулирование и изменение элементов DOM работает, но в зависимости от того, сколько TH вы получаете, это теоретически должно быть немного быстрее.