Получить <tr> значение из ид с JQuery

Question

<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" > 
    <thead> 
     <tr> 
      <th>Project Code</th> 
      <th>Project Name</th> 
      <th>Project REF ID</th> 
      <th>Effective Date</th> 
      <th>Close Date</th> 
      <th>Last Update Date</th> 
      <th>Creation Date</th> 
      <th>Created By</th> 
      <th>Last Update By</th> 
      <th>Action</th> 
     </tr> 
    </thead> 
    <tbody> 

     <?php 
     //error_log(print_r($project,false)); 

     for($i=0;$i<count($project);$i++) 
     { ?> 
      <tr class="project_id" value="<?php echo $project[$i] ['project_id']; ?>"> 

      <td><?php echo $project[$i]['project_code']; ?></td> 
       <td><?php echo $project[$i]['project_name']; ?></td> 
       <td><?php echo $project[$i]['project_ref_id']; ?></td> 
       <td><?php echo $project[$i]['effective_date']; ?></td> 
       <td><?php echo $project[$i]['close_date']; ?></td> 
       <td><?php echo $project[$i]['last_update_date']; ?></td> 
       <td><?php echo $project[$i]['creation_date']; ?></td> 
       <td><?php echo $project[$i]['created_by']; ?></td> 
       <td><?php echo $project[$i]['last_update_by']; ?></td> 
       <td><img class="edit" >src="http://spsvn01/RAIDLOG/application/assets/img/file_edit.png" alt="edit" >border=1 height=20 width=20> 

        <img class="delete" >src="http://spsvn01/RAIDLOG/application/assets/img/notification_error.png" >alt="delete" border=1 height=20 width=20> 
       </td> 
      </tr> 
     <?php } ?> 




    </tbody> 

</table> 

<script type="text/javascript"> 
$(document).ready(function() { 
    var table= $('#example').dataTable(
       { 
       "columnDefs": [ 
        { "width": "10%", "targets": 0 }] 
       }); 


    $('.delete').click(function() { 
     var project_id = $('.project_id').val(); 
     alert(project_id); 
    });   

}); 
</script> 

Пожалуйста, я хочу, чтобы мое значение тр, и я даже не знаю, как это сделать ..

Answer 1

Вам нужно получить значение атрибута value элемента tr предка от щелкнули элемента так

$('.delete').click(function() { 
    var project_id = $(this).closest('tr').attr('.value'); 
    alert(project_id); 
}); 

Answer 2

$('.delete').click(function() { 
var project_id = $(this).closest('tr').attr('.value'); 
    alert(project_id); 
}); 
.attr('value'); not .attr('.value'); 

эту работу хорошо.

Answer 3

У вас есть некоторые проблемы с синтаксисом в вашем HTML, т. Е. Некоторые ошибки закрытия тега и пропуск-использования "". Ну, если мы говорим о вашем вопросе, почему бы вам не просто сделать свой собственный Javascript функции и позвонить туда, где вы хотите, передать его как угодно:

<script type="text/javascript"> 
function deleterow(project_id){ 
    alert(project_id); 
} 
</script> 

<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> 
    <thead> 
     <tr> 
      <th>Project Code</th> 
      <th>Project Name</th> 
      <th>Project REF ID</th> 
      <th>Effective Date</th> 
      <th>Close Date</th> 
      <th>Last Update Date</th> 
      <th>Creation Date</th> 
      <th>Created By</th> 
      <th>Last Update By</th> 
      <th>Action</th> 
     </tr> 
    </thead> 
    <tbody> 

     <?php 
     //error_log(print_r($project,false)); 

     for($i=0;$i<count($project);$i++){?> 
      <tr> 
       <td><?php echo $project[$i]['project_code']; ?></td> 
       <td><?php echo $project[$i]['project_name']; ?></td> 
       <td><?php echo $project[$i]['project_ref_id']; ?></td> 
       <td><?php echo $project[$i]['effective_date']; ?></td> 
       <td><?php echo $project[$i]['close_date']; ?></td> 
       <td><?php echo $project[$i]['last_update_date']; ?></td> 
       <td><?php echo $project[$i]['creation_date']; ?></td> 
       <td><?php echo $project[$i]['created_by']; ?></td> 
       <td><?php echo $project[$i]['last_update_by']; ?></td> 
       <td> 
        <img class="edit" src="http://spsvn01/RAIDLOG/application/assets/img/file_edit.png" alt="edit" border="1" height="20" width="20"/> 

        <?php 
        // if you have string in 'project_id' use this IMG TAG. 
        ?> 
        <img class="delete" src="http://spsvn01/RAIDLOG/application/assets/img/notification_error.png" alt="delete" border="1" height="20" width="20" onclick="myfunction('<?php echo $project[$i]['project_id']; ?>');"/> 

        <?php 
        // if you have an integer in 'project_id' use this IMG TAG. 
        ?> 
        <img class="delete" src="http://spsvn01/RAIDLOG/application/assets/img/notification_error.png" alt="delete" border="1" height="20" width="20" onclick="deleterow(<?php echo $project[$i]['project_id']; ?>);"/> 
       </td> 
      </tr> 
     <?php } ?> 




    </tbody> 

</table> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#example').dataTable({ 
     "columnDefs": [{ 
      "width": "10%", 
      "targets": 0 
     }] 
    }); 
}); 

</script> 

Please read my comments, in above code.

Answer 4

попробовать это один

$('.delete').click(function() { 
    var project_id = $(this).parents('tr').attr('value'); 
    alert(project_id); 
}); 

или

$('.delete').click(function() { 
    var project_id = $($(this).parents('tr')).attr('value'); 
    alert(project_id); 
});