如何在JavaScript中模拟点击@ Html.ActionLink？

Question

我看这部分：

@foreach (var item in Model.listeStations){ 
    <tbody> 
     <tr id="ligneRecherche"> 
      <td id="tdId"> 
       @Html.DisplayFor(modelItem => item.nom) 
      </td> 
      <td id="tdData"> 
       @Html.DisplayFor(modelItem =>item.adr) 
      </td> 
      <td id="tdLangue"> 
       @Html.DisplayFor(modelItem => item.cp) 
      </td> 
      <td id="tdType"> 
       @Html.DisplayFor(modelItem => item.ville) 
      </td> 
      <td id="selection"> 
       @Html.ActionLink("Choisir", "DetailsStation", new { id=item.id }) 
      </td> 
     </tr> 
    </tbody> 
} 
</table> 

如果一个用户点击无处不在它执行ActionLink的表中的一行。有可能在JS或其他方面做到这一点？提前致谢 ！

Answer 1

将class添加到您的tr标记以使用jquery进行选择。

<tr id="ligneRecherche" class="row"> 

，并选择与使用jquery

$(".row").click(function(){ 
    var url = $('td a', this).attr('href'); 
    window.location = url; 
}); 

，也是你的观点应该是这样的点击行：（删除tbody标记出来foreach）

<tbody> 
@foreach (var item in Model.listeStations){ 
    <tr id="ligneRecherche" class="row"> 
     <td id="tdId"> 
      @Html.DisplayFor(modelItem => item.nom) 
     </td> 
     <td id="tdData"> 
      @Html.DisplayFor(modelItem =>item.adr) 
     </td> 
     <td id="tdLangue"> 
      @Html.DisplayFor(modelItem => item.cp) 
     </td> 
     <td id="tdType"> 
      @Html.DisplayFor(modelItem => item.ville) 
     </td> 
     <td id="selection"> 
      @Html.ActionLink("Choisir", "DetailsStation", new { id=item.id }) 
     </td> 
    </tr> 
} 
</tbody> 

多了一个信息： id的tr和td标签是没有意义的。因为它们是重复的元素。