Jquery parse HTML Table

Question

I have the following table:

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

I need to get the td value which has hyperlink with class name in an array

The following code is not working

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

This gives the value of the text with in the td. but I need to class name of XXX <a class="XXX">10</a>

result would be:

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

Please help anyone

to get the href it's pretty simple in the each function do $(this).find("a").attr("class") — Mathijs Segers
– Mathijs Segers, Commented Jul 21, 2016 at 9:35

gavgrif · Accepted Answer · 2016-07-21 09:50:42Z

1

target the a's directly:

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>

answered Jul 21, 2016 at 9:50

gavgrif

15.5k2 gold badges30 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery parse HTML Table

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related