Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery列出setInterval中的HTML元素_Javascript_Jquery - Fatal编程技术网

Javascript jquery列出setInterval中的HTML元素

Javascript jquery列出setInterval中的HTML元素,javascript,jquery,Javascript,Jquery,我使用setinterval来滑动每个时段的Div数,效果很好,但当我使用函数“getdata()”测试此动画并返回每个p的宽度、左侧位置、Div内的文本时,出现了问题。请帮助我改进函数“getdata()”获取有关每秒更改的每个p或i值的这些信息。 我需要查看这样的数据 1,左侧为:0,宽度:60 2,左边是:34,宽度:40 3,左边是:66,宽度:70 我想让“1或2或3”的DATAX文本被固定,而宽度和DATAXPL改变为每个数据文本“u可以考虑它是元素的ID”4EX 1,左侧为:0,

我使用setinterval来滑动每个时段的Div数,效果很好,但当我使用函数“getdata()”测试此动画并返回每个p的宽度、左侧位置、Div内的文本时,出现了问题。请帮助我改进函数“getdata()”获取有关每秒更改的每个p或i值的这些信息。
我需要查看这样的数据
1,左侧为:0,宽度:60
2,左边是:34,宽度:40
3,左边是:66,宽度:70
我想让“1或2或3”的DATAX文本被固定,而宽度和DATAXPL改变为每个数据文本“u可以考虑它是元素的ID”4EX

1,左侧为:0,宽度:60

1> >这是固定的,不会重复此行
左边是:20>>正在更改
宽度:20>>正在更改

我选择我已经澄清了我的问题。 非常感谢

HTML:

<div id="test"></div>
<div id="center">
    <p id="th">3</p>
    <p id="s">2</p>
    <p id="f">1</p>
</div>

我不太清楚您想做什么,但这可能会有所帮助。在本节中,首先:

function getdata(parentdiv,showdiv){
        $(parentdiv).each(function(){
            var len = $( parentdiv ).length;
            var width = $(e).width();
            var data_p_l= $(e).position().left;
            var data_text= $(e).text();
            var dataset = data_text + ",Left value is: "+ data_p_l + ",width value    is: "+ width;
            $(showdiv).text(dataset);
        });
    }
您想将
e
替换为
this

function getdata(parentdiv,showdiv){
    $(parentdiv).each(function(){
        var len = $( parentdiv ).length;
        var width = $(this).width();
        var data_p_l= $(this).position().left;
        var data_text= $(this).text();
        var dataset = data_text + ",Left value is: "+ data_p_l + ",width value    is: "+ width;
        $(showdiv).text($(showdiv).text() + ' ' + dataset);
            });
        }

each
函数中,
this
用于引用迭代的每个元素。在函数结束时,您将使用id
test
将结果放入div。但是,这是在循环中运行的,因此您将只得到最后一个
p
标记的输出,而不是每个标记的输出。这是什么你想做的墨水是像这样添加到
test
div:
$(showdiv).text($(showdiv.text()+''+数据集);

缩进会让你的代码更可读;)thnx有很多大脑需要帮助,但这不是我需要的,看这个结果是这样的“3,左值是:103,宽度值是:402,左值是:52,宽度值为:40 1,左值为:1,宽度值为:40 3,……我想使“1或2或3”的DATAX文本固定,而宽度和DATAUPL改变为每个数据文本“U可以认为它是元素的ID”4EX 1“这是固定的,这条线不会重复”>左边值:20“改变”,宽度:20“改变”。我认为我已经澄清了我的问题。对不起,我不明白你的意思。输出与
p
元素的顺序相同。这就是为什么3排在第一位。
function getdata(parentdiv,showdiv){
    $(parentdiv).each(function(){
        var len = $( parentdiv ).length;
        var width = $(this).width();
        var data_p_l= $(this).position().left;
        var data_text= $(this).text();
        var dataset = data_text + ",Left value is: "+ data_p_l + ",width value    is: "+ width;
        $(showdiv).text($(showdiv).text() + ' ' + dataset);
            });
        }