JQuery Parsing HTML Tabelle

Question

ich die folgende Tabelle haben:

<table id="tableData" name="tableData"> 
    <tr> 
     <td class="tdvalue"><a class="XXX">10</a></td> 
     <td class="tdvalue"><a class="YYY">4</a></td> 
     <td class="tdvalue"><a class="XXX">7</a></td> 
    </tr> 
</table> 

ich den td Wert erhalten müssen, die

Der folgende Code funktioniert nicht

in einem Array Hyperlink mit Klassenname hat

var rows = []; 
$("#tableData tr").each(function() { 
    $tr = $(this); 
    var row = []; 
    $tr.find(".tdvalue").each(function(){ 
     row.push($(this).text()); 
    }); 
}); 

Dies gibt den Wert des Textes mit in der td. aber ich brauche, um Klassennamen XXX <a class="XXX">10</a>

Ergebnis wäre:

Array[3] 0:"XXX" 1:"YYY" 2:"XXX" 

helfen Bitte jemand

Answer 1

Ziel die eine direkt:

var row = []; 

$(".tdvalue a").each(function() { 
     row.push($(this).attr('class')); 
    }); 

//gives row= ["XXX","YYY","XXX"] 

var row = []; 
 
    
 
$(".tdvalue a").each(function() { 
 
     row.push($(this).attr('class')); 
 
    }); 
 

 
console.log(row)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="tableData" name="tableData"> 
 
    <tr> 
 
     <td class="tdvalue"><a class="XXX">10</a></td> 
 
     <td class="tdvalue"><a class="YYY">4</a></td> 
 
     <td class="tdvalue"><a class="XXX">7</a></td> 
 
    </tr> 
 
</table>

Answer 2

var rows = []; 
$("#tableData tr").each(function() { 
    $tr = $(this); 
    var row = []; 
    $tr.find(".tdvalue").each(function(){ 
     row.push($(this).children('a').attr('class')); 
    }); 
});