Question

I have an element we’ll call selectedTable that contains this innerHtml:

<TBODY>
    <TR>
        <TD></TD>
        <TD></TD>
        <TD class='ms-cal-nav-buttonsltr'></TD>
    </TR>
</TBODY>

I’m trying to use JQuery selectors to return the <TD> tag with the “ms-cal-nav-buttonsltr” class. I’ve found that $(selectedTable).find("TD") returns all the TD tags in the table as expected, but I’m wondering how I might go about combining the TD element selector with a class selector. I’ve tried $(subnode).find("TD").find(".ms-cal-nav-buttonsltr") and $(subnode).find("TD .ms-cal-nav-buttonsltr") to no avail, but those were just shots in the dark. What’s the most efficient way to accomplish this? Thanks in advance.

Answer 1

Just concatenate the two:

$(selectedTable).find("td.ms-cal-nav-buttonsltr");

the selectors you tried were looking for a .ms-cal-nav-buttonsltr element underneath the td.