0

私はそのようなテーブルを作成しました：

<table id="testTable">

   <tr>
    <td dir="ltr"><a href="#">array()</a></td>
    <td>انشاء مصفوفة</td>
    <td>530</td>
    <td><a class="example1" href="#">12.5</a></td>
    <td>12.5</td> 
    </tr>

<thead>
        <tr> 
        <th colspan="5" rowspan="3" class="slide1" >
       <pre class="prettyprint lang-php ">

$a=array("a"=>"Dog","b"=>"Cat","c"=>"Horse");
echo $a["b"];
//الناتج 
Cat 

//مثال اخر
$a=array("Dog","Cat","Horse");
print_r($a);
//الناتج
Array ( [0] => Dog [1] => Cat [2] => Horse ) 

       </pre>
        </th>
        </tr>
        </thead>



     <tr>


                        <td dir="ltr"><a href="">array_push()</a></td>
                        <td>اضافة عنصر او أكثر لنهاية المصفوفة</td>
                        <td>530</td>
                        <td class="example2">12.5</td></td>
                        <td>12.5</td>

     </tr>

<thead>
        <tr> 
        <th colspan="5" rowspan="3" class="slide1" >
       <pre class="prettyprint lang-php ">

$a=array("a"=>"Dog","b"=>"Cat","c"=>"Horse");
echo $a["b"];
//الناتج 
Cat 

//مثال اخر
$a=array("Dog","Cat","Horse");
print_r($a);
//الناتج
Array ( [0] => Dog [1] => Cat [2] => Horse ) 

       </pre>
        </th>
        </tr>
        </thead>




   <tr>
                        <td dir="ltr"><a href="">array_rand()</a></td>
                        <td>استخراج مفتاح عشوائى من المصفوفة</td>
                        <td>530</td>
                        <td class="example3">12.5</td></td>
                        <td>12.5</td>
   </tr>

<thead>
        <tr> 
        <th colspan="5" rowspan="3" class="slide1" >
       <pre class="prettyprint lang-php ">

$a=array("a"=>"Dog","b"=>"Cat","c"=>"Horse");
echo $a["b"];
//الناتج 
Cat 

//مثال اخر
$a=array("Dog","Cat","Horse");
print_r($a);
//الناتج
Array ( [0] => Dog [1] => Cat [2] => Horse ) 

       </pre>
        </th>
        </tr>
        </thead>


........and multiple like that.....




</table>

そして、jsを介してforループを作成し、クリックし<thead>たものと同じslideToggleを作成したいので、次の<td>ようなことを試しました。

$(document).ready(function(){
    for (var i=1;i<=120;i++){
    $(".example" + i).click(function(){
      $(".slide" + i).slideToggle(500);
    })
  }
});

しかし、何も起こりませんでした。

この効果をそれぞれを通して繰り返す方法、スライドする方法同じtdを介してクリックした特定のtheadを切り替えますか？

4

1 に答える 1

2

あなたはそれを難し​​い方法でやっています。

$('table a').click(function() {
   $(this).parents('tr').next('tr').slideToggle(500);
}}

jQueryの利点は、RELATIVEセレクターを使用できることです。$(this)クリックされた要素を参照します。parents('tr')その要素の親TRタグを提供します。次のタグnext('tr')を選択します。TR面倒なIDを処理する必要はまったくありません。目標は、クリーンなマークアップを作成し、jQueryに手間のかかる作業を行わせることです。

特定のクラスのリンクをターゲットにする場合は、次を使用します。

$('table a.example')
于 2012-10-18T18:10:49.653 に答える