- ベストアンサー
jQuery.eachの使い方について教えてください
- テーブルの行に触れたとき背景色を変更する方法を教えてください。
- 1行に触れたら2行の色を変更させる方法を教えてください。
- 配列を使用して複数の行を一度に選択する方法を教えてください。
- mr-r00
- お礼率93% (480/516)
- JavaScript
- 回答数3
- ありがとう数14
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
$('tr:odd,tr:odd+tr').hover(function(){ じゃだめ ’奇数番目のTRとその隣接TR’
その他の回答 (2)
- steel_gray
- ベストアンサー率66% (1052/1578)
２行が１セットである事に意味があるならtbodyで括っちゃえば？ <tbody> <tr>～～</tr> <tr>～～</tr> </tbody> <tbody> <tr>～～</tr> <tr>～～</tr> </tbody> $('tbody').hover(～ それとも実際にはもっと複雑で行ごとにidを振らなければ実現できないような構成？
お礼
うまいことできました ありがとうございます
- babu_baboo
- ベストアンサー率51% (268/525)
ごめん！つくってからきづいた！「jQuery.eachの使い方」じゃなくてもだいじょうぶ？ <!DOCTYPE html> <title></title> <bod> <table border="1"> <tr><th>abc</th><td>def</td></tr> <tr><th>abc</th><td>def</td></tr> <tr><th>abc</th><td>def</td></tr> <tr><th>abc</th><td>def</td></tr> <tr><th>abc</th><td>def</td></tr> <tr><th>abc</th><td>def</td></tr> <tr><th>abc</th><td>def</td></tr> <tr><th>abc</th><td>def</td></tr> </table> <script type="text/javascript"> //@cc_on document. /*@if(@_jscript_version > 5.8) addEventListener( @elif (@_jscript_version <= 5.8) attachEvent('on' + @else@*/ addEventListener( /*@end@*/ 'mousemove', (function( getp ) { var tr0,tr1; return function( e ) { var n = e./*@if(1)srcElement@else@*/target/*@end@*/; var tr = getp(n,'nodeName','TR'); var b,tb; tr0 && (tr0.backgroundColor = '#fff', tr0 = null); tr1 && (tr1.backgroundColor = '#fff', tr1 = null); if(tr) { tb=getp(tr,'nodeName','TABLE'); b = (tr.rowIndex / 2 |0) * 2; (tr0 = tb.rows[b].cells[0].parentNode.style ).backgroundColor = '#ff47a3'; (tr1 = tb.rows[b+1].cells[0].parentNode.style ).backgroundColor = '#ff47a3'; } }; })(function(n,t,v){ return n?v==n[t]?n:arguments.callee(n.parentNode,t,v):null; }),false); </script>
お礼
ちょっと私にはまだ難しい部分もありますが参考にさせていただきます ありがとうございました
お礼
これでも大丈夫でした ありがとうございます