SO - 29117621

by Arun P Johny

HTML

<!--Question-->
<div id="ques0" class="showquestion here"></div>
<div id="ques1" class="hidequestion"></div>
<div id="ques2" class="hidequestion"></div>

<!--Answer-->
<table>
    <tr>
        <td valign="top">1</td>
        <td valign="top" id="qstatschoice0">A</td>
        <td id="qstats0">N</td>
    </tr>
    
    <tr>
        <td valign="top">2</td>
        <td valign="top" id="qstatschoice1">A</td>
        <td id="qstats1">N</td>
    </tr>
    
    <tr>
        <td valign="top">3</td>
        <td valign="top" id="qstatschoice2">A</td>
        <td id="qstats2">N</td>
    </tr>
</table>

CSS

.highlight {
    color: green;
}

JavaScript

function highlight() {
    var $c = $('.showquestion'),
        //get the id of here element
        id = $c.attr('id');
    //find the tr to highlight
    $('#' + id.replace('ques', 'qstats')).closest('tr').addClass('highlight')
}

highlight()