自然环境：Boostrap，C#.Net Core MVC，Html,Css,Jquery

小兄弟现阶段干了个表格，使查看出去的結果每一列都变成超相互连接，可是我的TR内有一个Button，是应用到boostrap的modal，当我们点一下此button时，会与此同时开启modal和超相互连接，我要防止点一下button时开启超相互连接该如何处理？

有想过一个最智力障碍的方式 ，把除开button的栏位以外的td做超相互连接，我一共有14个栏位，那样做蛮蠢XD......

先感谢大家

---

英语的语法大概以下

//HTML <tr title="打开" class='clickable-column' data-id="@e.Funding_Id" data-unit="@e.Bs_unitno" data-season="@e.Season" data-area="@e.FundingArea" data-year="@e.Year"> <td>略........<td> <td> <button data-toggle="modal" data-target="#myModal"> Modal </button> <td> </tr> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> </div><!-- /.modal --> //JS $(".clickable-column").click(function () { var season = $(this).data("season"); var area = $(this).data("area"); var year = $(this).data("year"); var id = $(this).data("id"); var unit = $(this).data("unit"); window.open(....); });

---

最后解决方案，将除开modal之外的td都另附class【clickable-column】
将data-xxx內容放到tr，应用jquery closet("tr")取下该值就可以，也不会太蠢~

$(".clickable-column").click(function () { var tr = $(this).closet("tr"); var season = tr.data("season"); var area = tr.data("area"); var year = $tr.data("year"); var id = tr.data("id"); var unit = tr.data("unit"); window.open(....); });