使用jquery更改日历中特定日期的样式

时间:2015-04-07 11:12:36

标签: javascript jquery calendar children

我在javascript中有一个日历,我想改变特定日期的风格。

日历的结构是:

    <td class=" " data-handler="selectDay" data-event="click" data-month="3" data-year="2015">
      <a class="ui-state-default" href="#">13</a>
    </td>
    <td class=" " data-handler="selectDay" data-event="click" data-month="3" data-year="2015">
      <a class="ui-state-default" href="#">14</a>
    </td>
    <td class=" " data-handler="selectDay" data-event="click" data-month="3" data-year="2015">
      <a class="ui-state-default" href="#">15</a>
    </td>
   .
   .
   .

我想使用Jquery选择第13天和第15天,但是我使用了类似的东西,但是它不起作用:

var value = $("td[data_month=" + month+ "][data_year=" + year+ "]")
            .first().html();

值未定义,为什么??????

2 个答案:

答案 0 :(得分:0)

您使用的是错误的标签。 data_monthdata_year

修正了这里:

var value = $("td[data-month=" + month + "][data-year=" + year+ "]").children().html();

答案 1 :(得分:0)

请在选择器中使用正确的数据属性(请参阅小提琴http://jsfiddle.net/jmou7js6/1/

var month = '3';
var year = '2015';
$("#btn").click(function(){
    var value = $("td[data-month=" + month + "][data-year=" + year+ "]")
        .first().html();
   alert(value);

});