Javascript 使用jQuery生成可单击行并排除子元素

我有一个表，表中有我希望可以点击的行，但是在我的一列中也有一个按钮，当按下该按钮时，可以执行其他操作

HTML:

---

当前，当我单击按钮时，页面仍然重定向，尽管jQuery选择器排除了任何输入。我是否错误地使用了

：未
？
您可以通过检查
事件.target属性，在单击处理程序中检查按钮是否被单击


$（文档）.ready（函数（）{
$（'table tr'）。单击（函数（e）{
if（$（e.target）.is（':button'））{
snippet.log（'单击按钮'）
返回；
}
log（'单击行'）；
var href=$（this.attr（“数据url”）；
如果（href）{
//log（'重定向到：'+href'）；
window.location=href；
}
});
});

一些文本值
一些文本值
一些文本值
您可以通过检查
event.target
属性，在单击处理程序中检查按钮是否被单击


$（文档）.ready（函数（）{
$（'table tr'）。单击（函数（e）{
if（$（e.target）.is（':button'））{
snippet.log（'单击按钮'）
返回；
}
log（'单击行'）；
var href=$（this.attr（“数据url”）；
如果（href）{
//log（'重定向到：'+href'）；
window.location=href；
}
});
});

一些文本值
一些文本值
一些文本值
您必须检查传递给
单击功能的
事件的
目标

以下是一个工作示例：


$（文档）.ready（函数（）{
$（“.clickablerow”）。单击（函数（事件）{
if（event.target.tagName！=“输入”）{
var href=$（this.attr（“数据url”）；
如果（href）{
//log（'重定向到：'+href'）；
window.location=href；
}
}
});
});
函数otherFunction（）{
警报（“其他功能”）；
}

一些文本值
一些文本值
一些文本值
您必须检查传递给
单击功能的
事件的
目标

以下是一个工作示例：


$（文档）.ready（函数（）{
$（“.clickablerow”）。单击（函数（事件）{
if（event.target.tagName！=“输入”）{
var href=$（this.attr（“数据url”）；
如果（href）{
//log（'重定向到：'+href'）；
window.location=href；
}
}
});
});
函数otherFunction（）{
警报（“其他功能”）；
}

一些文本值
一些文本值
一些文本值
您能否共享
otherFunction（）的代码也是？你能分享
otherFunction（）的代码吗也是吗？
<table>
    <tr data-url="link.html">
        <td>Some Text Value <input type="button" value="Submit" onclick="otherFunction()"></td>
    </tr>
    <tr data-url="link2.html">
        <td>Some Text Value <input type="button" value="Submit" onclick="otherFunction()"></td>
    </tr>
    <tr data-url="link3.html">
        <td>Some Text Value <input type="button" value="Submit" onclick="otherFunction()"></td>
    </tr>
</table>

$(document).ready(function() {
    $('table tr:not(input)').click(function() {
        var href = $(this).attr("data-url");
        if(href) {
            //console.log('redirect to:' + href);
            window.location = href;
        }
    });
});