Класс не добавляется к элементу

Question

Я не могу понять, почему класс не добавляется к выбранному элементу td.

Пример даты ячейки в JQuery DatePicker таблице ...

<td class=" " data-handler="selectDay" data-event="click" data-month="9" data-year="2014"> 
    <a class="ui-state-default" href="#">1</a> 
</td> 

То, что я пытаюсь с JQuery ...

<script> 

    var dateList = [ 1, 10, 2014 ]; 

    $("td[data-month='" + dateList[1] + "'][data-year='" + dateList[2] + "']") 
     .filter(function() { 
      return $(this).text() === dateList[0]; 
     }).addClass("cal-selected-date"); 

</script> 

Любые советы? Благодарю.

Answer 1

вам нужно вернуть результат в filter:

return $(this).trim() === dateList[0]; 

EDIT:

Поскольку вы не выбирая a но td вместо этого, вы также должны добавьте .trim(), чтобы обрезать пробелы. И последнее, но не в последнюю очередь вам необходимо либо преобразовать как номер или удалить один =

return $(this).text().trim() == dateList[0]; 

или

return Number($(this).text().trim()) === dateList[0]; 

Answer 2

return Вы пропустили

$("td[data-month='" + dateList[1] + "'][data-month='" + dateList[2] + "']") 
    .filter(function() {    
     return $(this).text() === dateList[0]; 
    }).addClass("cal-selected-date"); 

В качестве альтернативы вы можете использовать. data() фильтр

$("td") 
    .filter(function() { 
     return 
      $(this).data('month') == dateList[1] && 
      $(this).data('year') == dateList[2] && 
      +$(this).text() === dateList[0]; //Convert text to number using + 
    }).addClass("cal-selected-date");