Menu
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.
320
$( "#myDivId" ); This code selects an element with a class of "myCssClass". Since any number of elements can have the same class, this expression will select any number of elements. var myValue = $( "#myDivId" ).
CSS ID will override CSS Class properties. To select an element with a specific id, write a hash (#) character, followed by the id of the element.
class selector selects elements with a specific class attribute. To select elements with a specific class, write a period (.) character, followed by the name of the class.
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.
181
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
