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>

可能有多个td包含canvas类型的元素。我想使用jquery以编程方式将css样式{cursor:pointer}应用于类chart_row行中的所有canvas元素。

我试过这样的事情：

$('.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/

在Jquery中查找类型为canvas的子项

1 个答案: