Хотите извлечь весь внутренний текст и ссылку из содержимого td

Question

вот мой контент-образец td.

<table id='test' border=1><tr><td>hello....</td></tr> 
<tfoot> 
<tr class="webgrid-footer"> 
    <td colspan="6">1 
     <a href="Show3.html" >2</a> 
     <a href="Show3.html" >3</a> 
     <a href="Show3.html" >4</a> 
     <a href="Show3.html" >&gt;</a> 
     <a href="Show3.html" >&gt;&gt;</a> 
    </td> 
</tr> 
</tfoot> 
</table> 

моя цель состоит в том, чтобы извлечь внутренний текст из элемента HTML .... как 1 or 2 or > or >>

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

function getOuterHtml($el){ 
    var wrapper = document.createElement('div'); 
    wrapper.appendChild($el[0].cloneNode(true)); 
    return wrapper.innerHTML; 
} 

var $elements = $('.webgrid-footer td').contents() 
.filter(function() 
{ 
    return (this.nodeType === 3 && $.trim(this.nodeValue) !== '') 
     || this.nodeType === 1; 
}); 

var $div = $('<div id="content" />'); 
var $list = $('<ul />'); 
var strData=''; 

$elements.each(function(){ 
    if($(this).html()===null) 
    { 
     alert(getOuterHtml($(this))); 
    } 
    else 
    { 
     alert(getOuterHtml($(this))); 
    } 
    var $item = $('<li />').append($(this));  
    $list.append($item); 
}); 
$div.append($list); 
//alert(strData); 
$('#dv').append($div); 

здесь Js скрипку ссылку https://jsfiddle.net/tridip/ab69osqu/

глядя на предложение. спасибо

Answer 1

Вы пропускаете следующий

$(this).text(); 

вместо того, чтобы просто делать

$(this); 

Вот обновленный fiddle Я считаю, что это то, что вы ищете