2012-01-04 3 views
-1

タイプキャンバスの子供たちを探すが、私が持っているHTMLのコードスニペットです:ここでjQueryの

私は行

<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のタイプのキャンバスの要素を持つがあるかもしれません。私はCSSスタイル{cursor:pointer}を、jqueryを使用してchart_rowクラスの行内のすべてのキャンバス要素にプログラム的に適用したいと考えています。

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

動作していないよう:

私はこのような何かを試してみました。任意のアイデアや提案。

+1

さて、あなたが不足している '.' each' –

+1

あなたがドット欠けている'前: '$を(」。chart_rowキャンバス)' ** '.' ** 'each(function()...')エラーコンソールを見て、あなたにそれを伝えたでしょう。 –

答えて

0

.each()の前には、JavaScriptエラーコンソールまたはデバッグコンソールで一目でわかるような期間がありません。しかし、それはこれを行う最も簡単な方法でもありません。あなたはこれを使用してする必要があります。

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

あなたはあなただけのjQueryオブジェクトに直接jQueryのメソッドを呼び出すことができますし、これらのメソッドはjQueryオブジェクト内のすべての要素を操作しますように、すべての.each()を使用する必要はありません(彼らが使用します内部で.each())。

ここで働い例です:http://jsfiddle.net/jfriend00/2HnNj/