jQuery 选中tr下面的第某个td

想实现的功能:点击 tr ,获取该tr 下的第一个td标签下的< input type="hidden" value="92"/> value值。

贴出HTML代码:

 1 <table class="layui-table" id="alertTable" style="margin: 0 auto; width: 100%;">
 2     <thead>
 3         <tr>
 4           <th>日期</th>
 5           <th>经度</th>
 6           <th>纬度</th>
 7           <th>距最近点距离</th>
 8         </tr>
 9     </thead>
10     <tbody>
11         <tr class="alertChart">
12            <td>
13                <input type="hidden" value="92" />2017-06-01 16:57:25</td>
14            <td>110.23568</td>
15            <td>125.23564</td>
16            <td>25.2m</td>
17         </tr>
18     </tbody>
19 </table>

贴出js代码:

1 $(‘.alertChart‘).dblclick(function(){
2        alert( $(this).children(‘td‘).eq(0).children(‘input‘).val() ) ;
3 });

显示结果:

时间: 2024-10-28 09:53:16

jQuery 选中tr下面的第某个td的相关文章

jQuery控制TR的显示隐藏

网上有很多,这里介绍三种: 第一种方法,就是使用id,这个方法可以在生成html的时候动态设置tr的id,也是用得最多最简单的一种,如下: Html代码   <table> <tr><td>这行不隐藏</td></tr> <tr id="tr_1"><td>这行要隐藏</td></tr> <tr id="tr_2"><td>这行要隐藏&

JQuery选中的对象和非选中的其他对象分别执行不同动作

$("#searchWeek,#searchFifteen,#searchThirty").click(function(){ $("#searchBox").val($(this).html()); $(this).addClass('select').siblings('span').removeClass('select'); }); 选中的元素添加select class  其余的移除select class. End. JQuery选中的对象和非选中的其他

jquery选中checkbox多选项并添加到文本框中

<script> function check(){ var dd = ""; if($("input[type='checkbox'][name='mokedoc']:checked").attr("checked")){//选中了 $('input:checkbox[name="mokedoc"]:checked').each(function() { alert($(this).val()); dd += $

jQuery table tr隔行变色,鼠标移入移出变色,鼠标点击变色

.trover { background: #f9f9f9; } .trclick { background: #c4e8f5; } .treven{ background:#CCFFCC; } .trodd{ background:#ffffff; } $(function () { //鼠标移入该行和鼠标移除该行的事件 jQuery("#ajaxTable tr:gt(0)").mouseover(function () { jQuery(this).addClass("

jQuery 中 $(&quot;tr:eq(1) td:eq(2)&quot;) 写法

$("tr:eq(1)  td:eq(2)"):这代表了要选中表格的第二行中的第三个单元格 如果在后面再加上.text() 代表要取出这个单元格中的文本. 注意以下三种情况用法 .text() .html() .val()

Jquery选中行实现行中的Checkbox的选中与取消选中

以下是代码,我是用的aspx页面写的,可以修改成HTML页面,鄙人亲身测试过了的,能行哈,兼容IE8,火狐浏览器,IE其他浏览器就没有测试了哦.<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns=&quo

jQuery选中该复选框来实现/全部取消/未选定/获得的选定值

<!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(function() { // 全选/取消所有 $("#checkAl

JQUERY选中问题

单选,复选,下拉列表的全选选中问题 基本思路就是找到元素,操作元素,关于怎么找看jquery简介,主要学习记住具体操作用到的方法 复选框的全选以及设置选中问题: jquery中提供prop方法,判断是否选中,返货boolean类型 全选的思路就是找到元素,设置选中. 设置选中思路,判断输入值与元素中的值是否相等,相等设置选中. 例子: <div>全选:<input type="checkbox" id="qx" /></div>

tr的display属性出现td的colspan无效问题

http://www.aichengxu.com/other/9262680.htm 今天在做项目的时候发现用javascript控制 tr 的显示隐藏时,当把tr的显示由"display:none"改为"display:block"时,该tr下的td内容合并到了第一个td里, 将原有数据删除后只填写一个<td>111</td>时也会出现这种情况,猜测不是td中代码的问题. 若在tr上直接写上样式:display:block时会发现布局正常,