首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >弹出DivTD使用jQuery获取值

弹出DivTD使用jQuery获取值

提问于 2018-05-31 21:25:34
回答 1关注 0查看 283

下面是我试图在弹出窗口中显示的div。如何从弹出窗口中获取td值。当试图调用popupClick()时,它返回未定义的。我已经附上了下面的代码。

代码语言:txt
AI代码解释
复制
<div class="modal1-body" style="height:400px;overflow-y:auto;">
                <br />
                <div class="col-md-12 container-fluid">
                    <table id="smartresultTable" class="table table-striped table-bordered smartresultClass">
                        <thead style="text-align:center;background-color:cadetblue;color:white;">
                            <tr>
                                <td>ClaimSummaryID</td>
                                <td>PatientName</td>
                                <td>PayorName</td>
                                <td>ProviderName</td>
                                <td>TotalPaid</td>
                            </tr>
                        </thead>
                        <tbody style="text-align:center;"></tbody>
                    </table>
                </div>
            </div>

    function btnSmartResult() {
            $.ajax({
                dataType: "json",
                url: "/Rule/SmartResultExecution",
                //datatype: "text",
                type: "POST",
                success: function (data) {
                    $('#smartresultTable tbody').empty();


                    $.each(JSON.parse(data), function (index, jsonResult) {
                        console.log(jsonResult.CurrentClaimIPID);
                        var rows = "<tr>" + "<td class='smartresultId'  onclick='popupClick();'><a href='#'>" + jsonResult.ClaimSummaryId + "</a></td>" + "<td>" + jsonResult.PatientName + "</td>" + "<td>" + jsonResult.PayorName + "</td>"
                            + "<td>" + jsonResult.ClientDemographicMasterID + "</td>" + "<td>" + jsonResult.AmountPaid + "</td>" + "</tr>";
                        $('#smartresultTable tbody').append(rows);
                    });
                var modal = document.getElementById('ruleSmartResultPopup');
                modal.style.display = "block";
            },
            error: function (data) { }
        });
    }



 function popupClick() {

        var obj = { claimSummaryID: parseInt($(this).closest("tr").find("td").eq(0).html()) };
        alert($(parseInt($(this).closest("tr").find("td").eq(0).html())));
    }

回答 1

牙膏厂理事

发布于 2018-06-01 07:19:11

代码语言:txt
AI代码解释
复制
function btnSmartResult() {
            $.ajax({
                dataType: "json",
                url: "/Rule/SmartResultExecution",
                //datatype: "text",
                type: "POST",
                success: function (data) {
                    $('#smartresultTable tbody').empty();

                    $.each(JSON.parse(data), function (index, jsonResult) {
                        console.log(jsonResult.CurrentClaimIPID);
                        var rows = "<tr>" +
                        "<td class='smartresultId' id='" + jsonResult.ClaimSummaryId + "' onclick='popupClick(this.id);'><a href='#'>" + jsonResult.ClaimSummaryId + "</a></td>" +
                        "<td>" + jsonResult.PatientName + "</td>" +
                        "<td>" + jsonResult.PayorName + "</td>"
                        +
                        "<td>" + jsonResult.ClientDemographicMasterID + "</td>" +
                        "<td>" + jsonResult.AmountPaid + "</td>" +
                    "</tr>";
                        $('#smartresultTable tbody').append(rows);
                    });
                    var modal = document.getElementById('ruleSmartResultPopup');
                    modal.style.display = "block";
                },
                error: function (data) { }
            });
        }



        function popupClick(value) {
            alert(value);
        }
和开发者交流更多问题细节吧,去 写回答
相关文章
Layui弹出层取值
3.可能会出现的错误 子弹窗获取不到父页面的json 我在父页面的成功事件里重置了json,之前用着没事,但是我把子弹窗页面放在了static文件夹,父页面放在了template文件夹里,这时候子弹窗还没渲染json就被重置了,导致取不到数据。
全栈程序员站长
2022/09/07
3.6K0
jquery操作select(取值,设置选中)
最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料
用户3519280
2023/07/08
2.2K0
jquery操作select(取值,设置选中)
每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。
全栈程序员站长
2022/07/11
3.5K0
jquery操作select(取值,设置选中)
本文由 小马哥 创作,采用 知识共享署名4.0 国际许可协议进行许可 本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名
IT小马哥
2023/04/07
3.9K0
jquery操作select(取值,设置选中)
jquery操作select(取值,设置选中) 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var check
程序员同行者
2018/07/02
8.7K0
小程序安全设置-弹出框输入获取值
小程序安全设置 Page({ /** * 页面的初始数据 */ data: { anquan: '', detailanquan: '', hiddenmodalput: true, //可以通过hidden是否掩藏弹出框的属性,来指定那个弹出框 idCard: '', password: '', phone: '', email: '', wxUnionid: '', // 修改密码 psd: "
达达前端
2022/04/29
1.1K0
jQuery的弹出窗口插件colorbox
支持 照片,照片组,幻灯片,ajax,内联 和 iframe 框架。 通过CSS 控制外观,使用用户可以很容易重新定制外观。 不需要更改 ColorBox 的 javascript 文件就可以重新设定其行为。 可以依靠 callback & event-hooks 进行拓展,不需要修改源代码。 非常友好,不需要修改现有的 HTML,所有的选项都通过 JS 设置。
全栈程序员站长
2021/12/23
5.7K0
jquery 模态窗口 弹出窗 simpleModal
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>SimpleModal Basic Modal Dialog </title> <link type='text/css' href='css/demo.css' rel='stylesheet' /> <link type='text/css' href='css/box.css' rel='stylesheet' /> </head> <body> <div id='container'>
用户5760343
2019/10/10
6.5K0
jquery 模态窗口 弹出窗 simpleModal
弹出层之3:JQuery.tipswindow
tipswindow是一个很一般的JQuery弹出层插件,但使用简单,有相对漂亮的外观,代码比较通俗。下面介绍使用方法:
张果
2022/05/09
3.2K0
弹出层之3:JQuery.tipswindow
弹出层之2:JQuery.BlockUI
JQuery.BlockUI是众多JQuery插件弹出层中的一个,它小巧(原版16k,压缩后10左右),容易使用, 功能齐全,支持Iframe,支持Modal,可定制性高也意味他默认谦虚的外表。
张果
2022/05/09
3.7K0
弹出层之2:JQuery.BlockUI
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值
$('input:radi0:checked').val(); $("input[type='radi0']:checked").val(); $("input[name='rd']:checked").val();
用户5640963
2019/07/28
1.4K0
弹出层之1:JQuery.Boxy (二)
在《弹出层之1:JQuery.Boxy (一)》中讲到了JQuery.Boxy的基本用法,本次讲下手动创建实例,new一个boxy对象是很容易的,传递一些参数对象就能满足不同的需求了。
张果
2022/05/09
4.3K0
弹出层之1:JQuery.Boxy (二)
jquery智能弹出层,自己主动推断位置
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>jquery弹出层浮动层代码</title> <script src=”/ajaxjs/jquery1.3.2.js” type=”text/javascript”></script> <style> *{ margin:0; padding:0} body{ margin:0; padding:0; font-size:12px} ul,li{ list-style:none} ul{position:relative;top:-3px; left:-3px;border:1px solid #ccc; background:#fff;} li{height:23px;line-height:23px;cursor:default; padding:0 0 0 10px} li.current{background:#eee} .wrap{ width:158px; background:#eee; position:absolute;} </style> <script type=”text/javascript”> $(function(){ $(“.wrap”).hide(); var objW=$(“.wrap”).width(); var objH=$(“.wrap”).height(); $(document).mousedown(function(e){ var selfX=objW+e.pageX; var selfY=objH+e.pageY var bodyW=document.documentElement.clientWidth+document.documentElement.scrollLeft; var bodyH=document.documentElement.clientHeight+document.documentElement.scrollTop; if(selfX>bodyW && selfY>bodyH){ $(“.wrap”).css({top:(bodyH-objH),left:(bodyW-objW)}).show(); }else if(selfY>bodyH){ $(“.wrap”).css({top:(bodyH-objH),left:e.pageX}).show(); }else if(selfX>bodyW){ $(“.wrap”).css({top:e.pageY,left:(bodyW-objW)}).show(); }else{ $(“.wrap”).css({top:e.pageY,left:e.pageX}).show(); } }) $(“li”).hover(function(){ $(this).addClass(“current”); },function(){ $(this).removeClass(“current”); }).click(function(){ alert($(this).text()) $(this).parent().parent().hide(); }) }) </script> </head> <body> <div style=”height:800px;width:900px”>&nbsp;</div> <div style=”position:absolute;top:300px;left:300px”><span style=”color:#f00;font-size:28px”>请按F5刷新,才干看到效果。</span><br>点击鼠标左键,弹出层,<br>在最右边点击时
全栈程序员站长
2022/07/11
2.5K0
弹出层之1:JQuery.Boxy (一)
Boxy是一个基于JQuery的弹出层插件,它有相对漂亮的外观,功能齐全,支持iframe,支持模式窗口但相对于同样的弹出层插件BlockUI它明显笨重,但使用不那么方便。
张果
2022/05/09
3.1K0
弹出层之1:JQuery.Boxy (一)
Asp.net利用JQuery弹出层加载数据
最近看QQ空间里面的投票功能很使用。点击一个链接就弹出一个层,然后再加载一些投票信息,旁边的区域变成灰色不可用状态。其实这不算什么高深的技术,只要在ASP.NET中利用JQuery结合一般处理程序ASHX即可搞定了。
SAP梦心
2022/05/10
2.9K0
Asp.net利用JQuery弹出层加载数据
jQuery+HTML5弹出创意搜索框层
效果体验:http://hovertree.com/texiao/jquery/26/
全栈程序员站长
2022/07/15
4.2K0
javaScript和jQuery获取、设置textarea标签的内容(取值和赋值)
通过 element.value 和 element.innerHTML 获取, .value 亲测有效。
德顺
2019/11/13
14.4K0
layui弹出框php,layui弹出层怎么使用
layui弹出层的使用方法:首先引入jQuery1.8以上的任意版本;然后引入laery.js;最后通过“function show(){var a = layer.open({…});}”方式使用laery.open弹出层即可。
全栈程序员站长
2022/06/27
7.3K0
layui弹出框php,layui弹出层怎么使用
jQuery实现点击图片弹出视频并自动播放
有时候我们需要放一张视频的封面,当我们点击封面的时候就播放弹出视频并自动播放,而且我们还可以把视频的封面做成视频加载前的封面,代码较少
明知山
2020/09/03
5.8K0
点击加载更多

相似问题

现在的获客saas平台有哪些?

072

自媒体计划获赠的域名已实名登记后,还需要做哪些事,使得该域名能正常使用?

1177

无法使用网页登录腾讯云, 弹出 ?

2792

Region都有什么取值范围?

1485

TagSpecification 的 ResourceType取值有哪些?

3425
相关问答用户
平安资管 | 架构师擅长4个领域
擅长3个领域
腾讯云TDP | 高级后端开发工程师擅长3个领域
擅长5个领域
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档