除了最后一个<td>元素-Jquery
Fire Click Function except for the last <td> element - Jquery
我在php文档中有这个表
<?php
echo "
<table id='supplier-detail-table' class='table table-responsive table-hover'>
<tr><th>Supplier Name</th><th>Address</th><th>Phone</th><th>Fax</th><th>Email</th><th>Website</th></tr>";
foreach ($all_suppliers as $supplier){
echo "<tr data-id=".$supplier['id']."><td class='text-center'>".$supplier['name']."</td><td>".$supplier['address']."</td><td>".$supplier['phone']."</td><td>".$supplier['fax']."</td><td>".$supplier['email']."</td><td><a href='".$supplier['url']."' target='_blank'>".$supplier['url']."</td></tr>";
echo "</table>";
?>
我希望表格行是可点击的,这样当点击具有特定data-id
的行时,用户就会看到供应商的全部详细信息
JS:
$(document).ready(function(){
$("#supplier-detail-table tr").click(function(){
if($(this).data("id")){
window.location="http://localhost/nams/index.php/View/Supplier/"+$(this).data("id");
}
})
});
现在,正如您所看到的,如果单击该行,用户将进入有关供应商的完整详细信息页面。
但是最后一个td
元素,我把它放为<a></a>
。因此,当用户点击网站时,会加载一个带有url的空白选项卡,并且当前页面也会更改为完整的详细信息页面。
我该如何防止这种情况发生?
如果用户点击td:last-child
,点击功能应该不起作用!从而打开空白页面,并且该页面不应加载到完整的详细信息页面。
尝试
$("table tr")
.on("click", function(e) {
if ($(this).is("tr:last")) {
e.preventDefault();
e.stopPropagation();
return false
};
// do stuff
});
$("table tr")
.on("click", function(e) {
if ($(this).is("tr:last")) {
e.preventDefault();
e.stopPropagation();
return false
}
console.log($(this).text())
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
<tr>
<td>a</td>
</tr>
<tr>
<td>b</td>
</tr>
<tr>
<td>c</td>
</tr>
<tr>
<td><a href="http://stackoverflow.com/questions/28796309/fire-click-function-except-for-the-last-td-element-jquery/">123</a></td>
</tr>
</table>
相关文章:
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- 如何首先设置样式<td>表中包含在窗体中的元素
- 如何附加<ul><李>元素位于某个特定条件的父元素列表之间
- 在验证器中添加自定义规则以检查<ul>具有元素
- 调整<音频>元素
- <的自定义进度条;音频>并且<进度>HTML5元素
- 转换<a>使用jQuery将文本字符串转换为dom元素
- react-让一个元素返回两个相邻的<tr>标签
- <h1>标签在离子含量元素中不可见
- 更改<td>更改事件的元素值
- 为什么不是't html<对象>元素响应鼠标事件
- 更改每个<李>元素在<ol>
- 点击<选择>元素,但不在<选项>
- Jquery将css类添加到父级<ul>元素
- jQuery对嵌套在<李>并且<a>元素,同时离开父<ul>打开
- 单击事件在替换<使用>元素在<svg>(Win7/IE11)
- 将换行符写入<span>元素
- 如何正确地获得<i><p>元素
- HTML5<视频>元素在Firefox、Opera和Safari中不起作用
- 我正试图动态地拉动<h3>元素,并将它们放在选择列表中