0

datepicker プラグインによって生成された次の html があります。

<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>
...

そして、データベースから選択されているいくつかの日付を赤い背景色でマークする必要があります。日付23日6月2013年など、jQueryを使用して選択する方法を教えてください。

4

1 に答える 1

2

これらの行に沿って何かを探しているかもしれません:

$('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' ) で可能な限り少ない要素を選択し、アクションで最も多くを削除するセレクターでフィルタリングしてみてください。可能な要素。

于 2013-07-12T10:17:22.647 に答える