Question

I have a code php:

<?php
for ($i=0, $n=count( $this->item ); $i < $n; $i++) {
$row = &$this->item[$i];
?>
<tr id="<?php echo $row->id; ?>" class="row">
<span id="name_<?php echo $row->id; ?>" class="text">&nbsp;<?php echo $row->name; ?></span>
<input type="text" value="<?php echo $row->name; ?>" class="editbox" id="name_input_<?php echo $row->id; ?>" />
</tr>
<?php
$i++;
}
?>

and Jquery get id from this script php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('.row').click(function(){
       var ID = $(this).attr('id');
       $('#name_'+ID).hide(); 
       $('#name_input_'+ID).show();
       alert(ID); 
    });
});
</script>

Error when i output alert(ID) result is NULL, How to get ID ?

Answer 1

Try this….

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"</script>
<script type="text/javascript">
$(document).ready(function(){
$('.row').click(function(){
   var ID = $(this).closest('tr').attr('id');
   $('#name_'+ID).hide(); 
   $('#name_input_'+ID).show();
   alert(ID); 
  });
});
</script>