html - jQuery apply class to -



html - jQuery apply class to <tr> -

my current html structure

<div class="pull-right" id="sandbox-container"> <div class="datepicker datepicker-inline"> <div class="datepicker-days"> <table class=" table-condensed"><thead> <tr><th class="prev" style="visibility: visible;">«</th> <th class="datepicker-switch" colspan="5">october 2014</th> <th class="next" style="visibility: visible;">»</th></tr> <tr> <th class="dow">mo</th> <th class="dow">tu</th> <th class="dow">we</th> <th class="dow">th</th> <th class="dow">fr</th> <th class="dow">sa</th> <th class="dow">su</th> </tr> </thead> <tbody> <tr> <td class="old day">29</td> <td class="old day">30</td> <td class="day">1</td> <td class="day">2</td> <td class="day">3</td> <td class="disabled day">4</td> <td class="disabled day">5</td> </tr> <tr> <td class="day">6</td> <td class="day">7</td> <td class="day">8</td> <td class="day">9</td> <td class="day">10</td> <td class="disabled day">11</td> <td class="disabled day">12</td> </tr> <tr> <td class="day">13</td> <td class="day">14</td> <td class="day">15</td> <td class="day">16</td> <td class="day">17</td> <td class="disabled day">18</td> <td class="disabled day">19</td> </tr> <tr><td class="day">20</td> <td class="day">21</td> <td class="day">22</td> <td class="day">23</td> <td class="day">24</td> <td class="disabled day">25</td> <td class="disabled day">26</td> </tr> <tr> <td class="day">27</td> <td class="day">28</td> <td class="today day">29</td> <td class="day">30</td> <td class="day">31</td> <td class="new disabled day">1</td> <td class="new disabled day">2</td> </tr> <tr> <td class="new day">3</td> <td class="new day">4</td> <td class="new day">5</td> <td class="new day">6</td> <td class="new day">7</td> <td class="new disabled day">8</td> <td class="new disabled day">9</td></tr> </tbody> <tfoot> <tr> <th class="today" colspan="7" style="display: none;">today</th> </tr> <tr> <th class="clear" colspan="7" style="display: none;">clear</th> </tr> </tfoot> </table> </div> </div> </div>

in above generated html, there 1 <td> class today day

<tr> <td class="day">27</td> <td class="day">28</td> <td class="today day">29</td> <td class="day">30</td> <td class="day">31</td> <td class="new disabled day">1</td> <td class="new disabled day">2</td> </tr>

how can apply css class <tr>, result

<tr class="mycustomclass"> <td class="day">27</td> <td class="day">28</td> <td class="today day">29</td> <td class="day">30</td> <td class="day">31</td> <td class="new disabled day">1</td> <td class="new disabled day">2</td> </tr>

the class today day applied 1 <td>.

thanks.

try : find td having class="today day" , parent of add together mycustomclass

$(function(){ $('td.today.day').parent().addclass('mycustomclass'); });

jquery html css bootstrap-datepicker

Comments

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -