jQuery:如何访问<span>标签内的数据?

时间:2018-03-15 22:49:17

标签: jquery

这是我的jQuery代码。

function hideawsbutton() {



            $("#aws-display-table tbody tr").each(function(index){


                parentdata = $.trim($(this).children('td:nth-child(7)').html());
                console.log('parentdata  ==> ' + parentdata);
                if( parentdata.length > 5 )
                    {
                        $(this).children('td:nth-child(8)').html('');    
                    }

            });
        }

代码检查特定列td:nth-child(7)中的值,如果长度小于5,则将相邻列的td:nth-child(8) html设置为null / empty。

我认为该表将始终包含值,但我被告知该单元格将包含数据,但嵌入<span>标记中,如下所示。

这是我的控制台日志输出,因为您可以看到数据嵌入在span标记之间。

parentdata  ==> <span id="j_id0:alphap-acc-details:aws-list-repeat:1:awsvar-parentdocname">15-02-2018-15:31:44PM_Presentation1.pptx</span>

parentdata  ==> <span id="j_id0:alphap-acc-details:aws-list-repeat:2:awsvar-parentdocname"></span>

有人可以告诉我如何访问span标记内的数据吗?

2 个答案:

答案 0 :(得分:1)

而不是

$(this).children('td:nth-child(8)').html('');

尝试

$(this).children('td:nth-child(8)').children('span').text();

希望有所帮助

答案 1 :(得分:1)

$(this).children('td:nth-child(7) span').html()

或者你可以在答案中使用像J.M.这样的text()。