Javascript jquery列出setInterval中的HTML元素
我使用setinterval来滑动每个时段的Div数,效果很好,但当我使用函数“getdata()”测试此动画并返回每个p的宽度、左侧位置、Div内的文本时,出现了问题。请帮助我改进函数“getdata()”获取有关每秒更改的每个p或i值的这些信息。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,
我需要查看这样的数据
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
用于引用迭代的每个元素。在函数结束时,您将使用idtest
将结果放入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);
});
}