如何使用jquery / ajax获取值表行值

Question

<?php
include "config.php";

// Fetch the data

$con = mysql_query("select * from product");
?>
<div style=" height:250px; overflow:auto;">
    <table class="table table-striped table-bordered dTableR" id="ajxtable">
        <tr>
            <th>Jobno</th>
            <th>Product</th>
            <th>Qty</th>
            <th>Designed by</th>
            <th>Action</th>
        </tr>
        <?php
        while ($row = mysql_fetch_array($con)) {
            $id       = $row['id'];
            $pcode    = $row['pcode'];
            $lproduct = $row['lproduct'];
            $mrprate  = $row['mrprate'];
            ?>
            <tr>
                <td><?php echo $id; ?></td>
                <td><?php echo $lproduct; ?></td>
                <td><?php echo $mrprate; ?></td>
                <td><?php echo "admin"; ?></td>
                <td><input type="button" id="addmorePOIbutton1" style="width:25px;" value="+" onClick=""/>
                    <input type="button" id="delPOIbutton1" style="width:25px;" value="-" onClick=""/></td>
            </tr>
        <?php
        }
        ?>
    </table>
</div>

This is ajax page. Below table is auto refreshed every 5 seconds.

My doubt is how to get that particular row value.

When i click table row + button, get these particular row values, and place to index page text box and this '+' button also hide.

Kindly suggest any jquery or ajax code for adding below code.

I am new to jquery ,,anybody help me with sample code..that would help me greately. Thanks in advance

Answer 1

$(document).ready(function () {      
     $('#yourtablename tr').click(function (event) {
          alert($(this).attr('id')); //trying to alert id of the clicked row          

     });
 });

Above code may be help you and another solution is:

 $('td').click(function(){
       var row_index = $(this).parent().index();
       var col_index = $(this).index();
    });