jquery 无法获取单元格内span的值，请问是怎么回事

2016-02-17 10:46:42 264 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

GD32重映射实战：从部分映射到完全映射的配置解析本文深入解析GD32微控制器的重映射功能，以定时器1的PWM通道为例，详细阐述了从部分映射到完全映射的实战配置流程。文章重点介绍了AFIO模块的核心作用、配置寄存器操作以及关键的避坑指南，旨在帮助开发者灵活优化PCB布局并解决引脚资源冲突，从而高效利用芯片外设功能。阅读详情



$(function () {

    $('.showDiv').click(function (event) {

        //取消事件冒泡  

        event.stopPropagation();

      

        alert($(event.target).eq(1).text());



        });

前端
<td class="showDiv">
11
22
</td>

...全文

MindIE与vLLM-Ascend性能对决：Qwen3在昇腾910B上的推理效率实测本文深度对比了昇腾910B平台上两大推理框架MindIE与vLLM-Ascend的性能表现。通过实测Qwen3系列模型，详细分析了二者在单卡、多卡场景下的推理效率、扩展性及生产环境适用性，为AI算力基础设施选型提供关键参考。阅读详情

ahking

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

slwsss 2016-02-17

打赏
举报

$(function(){ $('.showDiv').click(function (event) { //取消事件冒泡 event.stopPropagation(); alert($(event.target).text()); })});

ahking 2016-02-17

打赏
举报

对了，第二个span是隐藏的 <td class="showDiv"> 11 5 </td> 怕兼容性出现问题，没敢给td或span添加其他属性还有，在客户端选中radio按钮后， $("#divTop input:radio[value='10']").attr('checked', 'checked'); 好像无效了，总是最近点击的按钮总是处于选中状态

ahking 2016-02-17

打赏
举报

引用 11 楼 xuzuning 的回复:

alert($(event.target).eq(0).text()); 和 alert($(event.target).text()); 是一样的

如果span中没有内容，tagname显示TD

ahking 2016-02-17

打赏
举报


 $('.showDiv').click(function (event) {
        //取消事件冒泡  
        event.stopPropagation();
        //设置弹出层的位置  
        var offset = $(event.target).offset();
        var tdObj = $(event.target);

        $("#divTop").css("position", "absolute");
        $('#divTop').css({ top: offset.top + $(event.target).height() + "px", left: offset.left });

        var ra = (tdObj).find('span:eq(1)').text();
        //alert();
        if ($('#divTop').is(":hidden")) {
            $("#divTop input:radio").attr('checked', false);
            $("#divTop input:radio[value='10']").attr('checked', 'checked');
        }       
        //alert($('span:eq(1)', this).text());

        $('#divTop a').click(function () {           
            //保存百分数
            tdObj.find('span:eq(1)').text($('#divTop input[name="ratio"]:checked ').val());
            //计算值
            var cq = tdObj.prev().text();
            if (cq.length > 0)
                tdObj.find('span:eq(1)').text(cq * $('#divTop input[name="ratio"]:checked ').val() / 100);

            $('#divTop').slideUp('fast');

        });

        //按钮的toggle,如果div是可见的,点击按钮切换为隐藏的;如果是隐藏的,切换为可见的。  
        $('#divTop').toggle('fast');


    });

我是在点击单元格的时候弹出一个层，层里面有一组radio,名字为ratio 然后有个确定按钮，用于保存选定的值总感觉在单元格的点击方法中绑定层里面的确定按钮事件很别扭，但不知道如何将层的按钮和被点击的单元格关联而且radio的选中状态总也设置不对，请帮忙看看感觉在

xuzuning 2016-02-17

打赏
举报

alert($(event.target).eq(0).text());

实际点击的是 span 而非 td 你可以通过

alert($(event.target)[0].tagName);

观察到这一点 event.stopPropagation(); 有没有都无所谓

xuzuning 2016-02-17

打赏
举报

alert($(event.target).eq(0).text()); 和 alert($(event.target).text()); 是一样的

斯洛文尼亚旅游 2016-02-17

打赏
举报

引用 8 楼 ahking 的回复:

[quote=引用 5 楼 showbo 的回复:] 其他不需要设置span值的单元格去掉.showDiv样式

每个不同的单元格都需要设置不同的值[/quote] 那你不通的值和span怎么对应？你都没有对应关系怎么知道哪个span设置什么值？要么就增加个realvalue存储实际的值，点击的时候获取这个自定义属性realvalue

<td class="showDiv">
<span>11</span>
<span realvalue="3333333">22</span>
</td>


    $('.showDiv').click(function (event) { 
        event.stopPropagation();
        var sp = $('span:eq(1)', this)
        sp.text(sp.attr('realvalue'));

    });

ahking 2016-02-17

打赏
举报

引用 5 楼 showbo 的回复:

其他不需要设置span值的单元格去掉.showDiv样式

每个不同的单元格都需要设置不同的值

逝_去_的_光_阴 2016-02-17

打赏
举报


$(function(){
     $('.showDiv').click(function (event) {
         //取消事件冒泡  
         event.stopPropagation();
 		$(this).find('span:eq(1)').text('666');
   
	 });
});

上面666的单引号错了……改成半角的

逝_去_的_光_阴 2016-02-17

打赏
举报

引用 4 楼 ahking 的回复:

这么写，怎么好像所有单元格里的第二个span值都666了，我想让点击单元格里的td的第二个span是666

试试


$(function(){
     $('.showDiv').click(function (event) {
         //取消事件冒泡  
         event.stopPropagation();
        
 $(this).find('span:eq(1)').text(‘666’);
  
 })});

斯洛文尼亚旅游 2016-02-17

打赏
举报

其他不需要设置span值的单元格去掉.showDiv样式

ahking 2016-02-17

打赏
举报

$(function(){ $('.showDiv').click(function (event) { //取消事件冒泡 event.stopPropagation(); $('span:eq(1)',this).text(‘666’); })}); 这么写，怎么好像所有单元格里的第二个span值都666了，我想让点击单元格里的td的第二个span是666

slwsss 2016-02-17

打赏
举报

$(function(){ $('.showDiv').click(function (event) { //取消事件冒泡 event.stopPropagation(); alert($('span:eq(1)',this).text()); })});

ahking 2016-02-17

打赏
举报

引用 1 楼 slwsss 的回复:

$(function(){ $('.showDiv').click(function (event) { //取消事件冒泡 event.stopPropagation(); alert($(event.target).text()); })});

可是里面有两个span，我想获取第二个span的内容

jquery 无法获取单元格内span的值，请问是怎么回事

相关推荐