Найти детей типа холст в Jquery

Question

Вот фрагмент кода HTML, который у меня есть:

У меня есть строка

<tr class ="chart_row">
<td>
<span><canvas style="display: inline-block; width: 70px; height: 20px; vertical-align: top;" width="70" height="20"></canvas>
</td>
</tr>

Может быть несколько тд с элементами типа canvas. Я хочу применить стиль CSS {cursor:pointer} программно ко всем элементам холста в строке класса chart_row, используя jquery.

Я пробовал что-то вроде этого:

$('.chart_row canvas')each(function() 
    { 
             $(this).css('cursor', 'pointer'); 
    }); 
 }); 

Кажется, это не работает. Любые идеи и предложения.

Answer 1

Похоже, что вы пропустили период до .each(), который показывал бы ваш взгляд на консоль ошибок JavaScript или консоль отладки. Но это даже не самый простой способ сделать это. Вы должны использовать это:

$(".chart_row canvas").css('cursor', 'pointer');

Вам вообще не нужно использовать .each(), поскольку вы можете просто вызывать методы jQuery непосредственно для объекта jQuery, и эти методы будут работать с каждым элементом в объекте jQuery (они используют .each() для внутреннего использования).

Вот рабочий пример: http://jsfiddle.net/jfriend00/2HnNj/