jqueryを使用して単一のレコードを取得する

Question

phpのForeachループで、私はクリックイベント「product_title」と「email」で取得します。コードは以下の通りです。

私は 単一の時間「PRODUCT_TITLE」の値と「USER_EMAIL」の結果を取得する「送信」

をクリックしてjqueryのを使用して

foreach($abs_records as $abs) 
{ 
    <tr> 
     <td><input type="checkbox" name="case[]" class="case" ></td> 
     <td><?php echo $abs['product_id']; ?></td> 
     <td><?php echo $abs['product_title']; ?></td> 
     <td><?php echo $abs['user_email']; ?></td> 
     <td class="send_mail_btn"><a href="javascript:void(0)" >Send</a></td> 
    </tr><?php 
} ?>  

あなたは私を提案することができます。

ありがとうございました。

Answer 1

がそうのようにtd要素にクラスを追加取得するためにjqueryの中でイベントをクリックします。

<tr> 
    <td><input type="checkbox" name="case[]" class="case" ></td> 
    <td><?php echo $abs['product_id']; ?></td> 
    <td class="title"><?php echo $abs['product_title']; ?></td> 
    <td class="email"><?php echo $abs['user_email']; ?></td> 
    <td class="send_mail_btn"><a href="javascript:void(0)" >Send</a></td> 
</tr> 

を

$(document).on('click', '.send_mail_btn', function() { 
    var title = $(this).siblings('.title').html(); 
    var email = $(this).siblings('.email').html(); 
    console.log("Title: " + title); 
    console.log("Email: " + email); 
}); 

Answer 2

TDに電子メールを送り、タイトルにクラスを追加しても、アンカータグを送信するためにクラスを追加+付加価値

foreach($abs_records as $abs) 
    { 
     <tr> 
      <td><input type="checkbox" name="case[]" class="case" ></td> 
      <td><?php echo $abs['product_id']; ?></td> 
      <td class="title"><?php echo $abs['product_title']; ?></td> 
      <td class="email"><?php echo $abs['user_email']; ?></td> 
      <td class="send_mail_btn"><a class="send-link" href="javascript:void(0)" >Send</a></td> 
     </tr><?php 
    } ?> 


    Jquery: 

    $(".send-link").click(function() { 
    var title = $(this).parent("tr").find(".title").text(); 
    var email = $(this).parent("tr").find(".email").text(); 
    alert(title+ " -- "+email) 
    });