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
Post a Comment