テーブル要素のtd上のjqueryセレクタ

Question

私はasp.netを持っています。スライドショーでもあるテーブルを作成する生成テーブル。スライドショーが機能するには、テーブルの要素だけを選択する必要があります。これは、表に複数の行がある場合に問題になります。スライドショーのjquery cycleプラグインを使用しています。

これは1 2 3

<table> 
    <tbody> 
     <tr> 
      <td>1</td> 
      <td>2</td> 
      <td>3</td> 
     </tr> 
    </tbody> 
<table> 

罰金と表示スライドを働くだろう。しかし、あなたが別の行を追加する場合、それはここで適切に

<table> 
    <tbody> 
     <tr> 
      <td>1</td> 
      <td>2</td> 
      <td>3</td> 
     </tr> 
     <tr> 
      <td>4</td> 
      <td>5</td> 
      <td>6</td> 
     </tr> 
    </tbody> 
</table> 

を動作しませんからスライドを選択するセレクタであります表。私はこのテーブルからルートtdを選択したいだけです。内側のテーブルがありますが、それらを選択したくありません。私はこれを正しく動作させるためにセレクタを変更する必要があると仮定しています。助けてくれてありがとう。

$('#SlideTable').cycle({ 
      fx: 'fade', 
      speed: 'fast', 
      next: null, 
      prev: null, 
      startingSlide: slideNumber - 1 
     }); 

Answer 1

あなたがしたいことを100％確実にしているとは言いませんが、あなたが言ったことに基づいて、スライドショーには1つの画像が表示され、ギャラリーにはスライドショーのすべての画像が表示されます。この場合、ギャラリー画像上でクリックイベントが発生し、スライドショーをその画像に強制することになります。これが間違っている場合は、私に知らせてください。私はさらに助けてくれるでしょう。

：これのすべてが真である、とあなたのスライダー機能があること（あなたはjQueryのサイクルのプラグインを使用しているように見えるので、これは保持する）と仮定すると、

はそれ内の画像とdivの上で使用することができ、あなたはこのような何かを行うことができますセットアップへ

HTML

<table id="gallery"> 
    <tbody> 
     <tr> 
      <td><img src="path/to/img1"/></td> 
      <td><img src="path/to/img2"/></td> 
      <td><img src="path/to/img3"/></td> 
     </tr> 
     <tr> 
      <td><img src="path/to/img4"/></td> 
      <td><img src="path/to/img5"/></td> 
      <td><img src="path/to/img6"/></td> 
     </tr> 
    </tbody> 
</table> 

<div id="slider"></div> 

ギャラリー、スライダーの容器のためのJavaScriptのスライダー

$('#gallery td').each(function() { 
    $('#slider').append($(this).children().clone());  
}); 

$('#slider').cycle({ 
    fx: 'fade', 
    speed: 'fast', 
    next: null, 
    prev: null, 
    startingSlide: slideNumber - 1 
}); 

はところで、第1のセレクタ$('#gallery td')にid gallery

とテーブルにtd年代のすべてをつかむ私たちは、TDのギャラリーテーブルからのすべてを選択し、スライダーコンテナ内のそれらのクローンを生成します。次に、スライダーコンテナのサイクルプラグインを呼び出して、すべての画像を含むスライダーショーを作成します。これにより、画像ギャラリーと画像のスライドショーが作成されます。含まれていないクリックイベントを追加するのは非常に簡単です。

これが役立つかどうか教えてください。そうでない場合は、私の前提を訂正してください。

Answer 2

あなたは、ルートテーブルを選択する必要がある場合にのみ、子セレクタ

$('#SlideTable > table') 

を使用しますが、あなたのeampleから、あなたが行う必要がありますだけに、第1行目のTDを選択する必要がありそうです：

$('#SlideTable tr:first td') 

説明が分かれば、助けが簡単になります。