如何使整個<tr>行在laravel中可點擊？

Question

我正在嘗試使表中的整行（tr）可點擊。下面是代碼我已經厭倦了，

<table class="container"> 
    <thead> 
     <tr> 
     <th><h1>Id</h1></th> 
     <th><h1>Number</h1></th> 
     <th><h1>Type</h1></th> 
     <th><h1>Value</h1></th> 
     </tr> 
    </thead> 
    <tbody> 
     @for ($i = 0; $i < $count; $i++) 
     <tr class="table-tr" data-url="http://www.engineering.us/gena/details.php">  
      <td>{{ $data_array[$i]['id'] }}</td> 
      <td>{{ $data_array[$i]['number'] }}</td> 
      <td>{{ $data_array[$i]['name'] }}</td> 
      <td>{{ $data_array[$i]['value'] }}</td>  
     </tr> 
@endfor  
</tbody> 

`

而且JS腳本，

<script type="text/javascript"> 
    $(function() { 
    $(".container").on("click", "tr[data-url]", function() { 
     window.location = $(this).data("url"); 
    }); 
    }); 
</script> 

這是行不通的。請告訴我們如何做到這一點。

感謝提前:)

Answer 1

$(function() { 
 
    $('table.container').on("click", "tr.table-tr", function() { 
 
    window.location = $(this).data("url"); 
 
    //alert($(this).data("url")); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table class="container"> 
 
    <thead> 
 
    <tr> 
 
     <th> 
 
     <h1>Id</h1></th> 
 
     <th> 
 
     <h1>Number</h1></th> 
 
     <th> 
 
     <h1>Type</h1></th> 
 
     <th> 
 
     <h1>Value</h1></th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr class="table-tr" data-url="http://www.engineering.us/gena/details.php"> 
 
     <td>id</td> 
 
     <td>number</td> 
 
     <td>manash</td> 
 
     <td>28</td> 
 
    </tr> 
 
    </tbody> 
 
</table>