jquery関数のパススルー変数

Question

こんにちは、私はPHPのmysqlデータベースページングページを構築しているので、私はレコードの下に2行長いレコードのリストを持っている私は上のスパンがクリックされたときに開くdivがほしいPHPのMySQLでのI出力、それはボタンがすべて異なるIDを持つことになり、pがありますとき、それは

<span id="button1">Toggle</span> 

<p id="p1"> 
hello<br/>hello 
</p> 

<script> 
$("#button1").click(function() { 
$("#p1").slideToggle("slow"); 
}); 
</script> 

を<p>のIDを取るとjQueryでそれを展開しているので、私はそれを作るためにjqueryのを設定するのです異なるIDも同じ

Answer 1

//Jquery Code which calls toggle_visibility function 
    $(".pOne").click(function(){ 
       toggle_visibility('partsIdThree'); 
      }) 
      .toggle(function() { 
       $(this).children("span").text("[-]"); 
      }, function() { 
       $(this).children("span").text("[+]"); 
      }); 

    //HTML Code 
<div id="parts_toogle_one">  
<p class="pOne">Add Records <span>[+]</span></p> 
     <div id="msg_body_one"> 
     <tr><td></td></tr> 
     </div> 
</div>  

    // Javascript code 
function toggle_visibility(id) { 
    var e = document.getElementById(id); 
    if(e.style.display == "inline") { 
     e.style.display = 'none'; 
    } 
    else if(e.style.display == "none") { 
     e.style.display = "inline"; 
    } 
}    

このようなもの

Answer 2

あなたは結果の数を心配する必要はありませんので、あなたは、動的なIDの検索を使用することができます。..例えば

：

<?php $i = 0;?> 
<?php foreach($resultset as $result) : ;?> 

<span class="activator" id="result<?php echo $i;?>">CLICK HERE</span> 
<div id="panel_result<?php echo $i;?>">SLIDER DIV</div> 

<!-- Do the rest of you processing of $result here; it just doesn't matter, for here you only need some identification, I used a number for convenience. --> 

<?php ++$i;?> 
<?php endforeach;?> 

あなたのjqueryの：

$('.activator').click(function(){ 
var the_id = $(this).attr('id'); 
var the_panel = $('#panel_' + the_id); 
$(the_panel).slideToggle('slow'); 
}); 

したがって、PHPで印刷する各行に対してjQueryコマンドを書く必要はなく、このスニペットを使用すれば、どのスパンをクリックするかに応じてどのパネルをスライドさせるかが決まります。