Javascript 在行单击时，在单击按钮时防止重定向

这里我使用的是数据表 行单击我想做点什么[重定向]， 在一行中，其中一列有一个按钮&它有一些操作

问题：当我单击按钮执行获取行单击的操作时，希望在单击按钮时阻止行单击

代码

$('#example').click(function () {
  var dataArr;
  var rows = $('tr.selected');
  var rowData = table.rows(rows).data();
  $.each($(rowData), function (key, value) {
    dataArr = value["id"];
    window.location = 'clients?id=' + dataArr;
  });
}

我应该换什么？多谢各位

编辑：

按钮：

    $(document)
        .ready(
            function() {
                var table = $('#example')
                    .DataTable({
                        "sAjaxSource": "/clients",
                        "sAjaxDataProp": "",
                        "order": [
                            [0, "asc"]
                        ],

                        "aoColumns": [{
                                "mData": "id"
                            },
                            {
                                "mData": "name"
                            },
                            {
                                "mData": "lastName"
                            },

                            {
                                "mData": null,
                                defaultContent:'<p>1</p>'
                            },


                            {
                                "mData": null,
                                className: "center",
                                defaultContent: '<a href="clients.html"> <p title="New"><button class="btn btn-primary btn-xs newButton" data-title="Add"  id="btn"><span class="glyphicon glyphicon-plus"></span></button></p></a>'
                            },
                            {
                                "mData": null,
                                className: "center",
                                defaultContent: '<p data-placement="top" data-toggle="tooltip" title="Edit "><button class="btn btn-default btn-xs data-title="edit" data-toggle="modal" data-target="#edit""><span class="glyphicon glyphicon-pencil"></span></button></p>'
                            },
                            {
                                "mData": null,
                                className: "center",
                                defaultContent: '   <p data-placement="top" data-toggle="tooltip" title="Delete"><button class="btn btn-danger btn-xs" data-title="Delete" data-toggle="modal" data-target="#delete"><span class="glyphicon glyphicon-trash"></span></button></p>'
                            }

                        ]

                    });

$（文档）
.准备好了吗(
函数（）{
变量表=$（“#示例”）
.数据表({
“sAjaxSource”：“/客户端”，
“sAjaxDataProp”：“，
“命令”：[
[0，“asc”]
],
“aoColumns”：[{
“mData”：“id”
},
{
“mData”：“名称”
},
{
“mData”：“lastName”
},
{
“mData”：空，
默认内容：“1
”
},
{
“mData”：空，
类名：“中心”，
默认内容：“”
},
{
“mData”：空，
类名：“中心”，
默认内容：'
'
},
{
“mData”：空，
类名：“中心”，
默认内容：'
'
}
]
});

---

我使用的是DataTables，并且只需要在最后两列中使用它，在这两列中，每当子事件调用父事件时，编辑和删除都是

，在这里您可以防止使用以下方法

event.stopPropagation();

---

尝试使用

event.stopPropagation（）；

该代码将类似于：

$(".table_row"/*the table row class*/).on('click', 'button', function () {
         //button action 
     }).on('click', $(this).parent().parent().parent() , function (e) {
         e.stopPropagation();
     });/* if  $(this).parent().parent().parent() doesn't work ,search in developer tools to see where click action is triggered ,on the */

差不多

---

我试图制作一些我不知道您是否喜欢的东西，但它按照您想要的方式工作（更新）。

您可以在一个片段中重新创建问题。按钮是

a

标记还是

您需要向我们显示您的标记/生成的标记。我编辑了我的问题，谢谢！