Question

我有下一个html，由datepicker插件生成：

<tr>
<td class=" " data-year="2013" data-month="6" data-event="click" data-handler="selectDay">
<a class="ui-state-default" href="#">22</a>
</td>
<td class=" " data-year="2013" data-month="6" data-event="click" data-handler="selectDay">
<a class="ui-state-default" href="#">23</a>
</td>
...

我需要的是标记，例如红色背景颜色从数据库中选择的一些日期。任何人都可以帮助我，如何选择使用jQuery，例如日期23天6个月和2013年？

Answer 1

你可能正在寻找以下这些方面的东西：

$('td')
    .filter('[data-year="'+yearYouWant+'"]')
    .filter('[data-month="'+monthYouWant+'"]')
    .find('a') // find all Anchors in this filtered result
    .css({border: '1px solid #F00'});

我建议你不要选择所有的td（例如在我的例子中），但是你首先要开始查看div或特定的表。这将是更好的性能（选择的越少，检查的越少，正确）

您可以使用.find()和.filter()轻松找到元素。小心一点，尝试使用第一个选择器（在本例中为'td'）选择尽可能少的元素，并尝试使用在其动作中移除最多的选择器进行过滤，这样您就可以通过最少量的元素可以。

datepicker用日期标记一些tds

1 个答案: