我有一个带有以下div标签的HTML页面

<div data-role="page" id="pageHome" data-theme="a">
  <div data-role="content">
    <center>
      <h3><a href="#pageHome" data-role="none"><img src="images/logo.png" /></a></h3>
    </center>
    <div class="dydivarr0"> </div>
    <br />
    <div data-role="controlgroup" class="ui-btn-right"> <a href="#page1" data-role="button">Next</a> </div>
  </div>
</div>



<div data-role="page" id="page1" data-theme="a">
  <div data-role="content">
    <center>
      <h3><a href="#pageHome" data-role="none"><img src="images/logo.png" /></a></h3>
    </center>
    <div class="dydivarr1"> </div>
    <br />
    <div data-role="controlgroup" class="ui-btn-right"> <a href="#page2" data-role="button">Next</a> </div>
  </div>
</div>

<div data-role="page" id="page2" data-theme="a">
  <div data-role="content">
    <center>
      <h3><a href="#pageHome" data-role="none"><img src="images/logo.png" /></a></h3>
    </center>
    <div class="dydivarr2"> </div>
    <br />
    <div data-role="controlgroup" class="ui-btn-right"> <a href="#page3" data-role="button">Next</a> </div>
  </div>    

dydivarr是使用JSON从Web动态生成的响应。 使用该响应,我创建了动态div内容,接下来我要重复该div,如上所示。 有没有比重复静态html代码更好的方法了? 我猜肯定有一些jQuery或JavaScript技巧。

任何帮助将是适当的。

===============>>#1 票数:4

因此,您需要div的cloneNode ,因此请尝试这样的操作

var div = document.getElementById('myDiv'),
clone = div.cloneNode(true);
clone.id = "some_id";
document.body.appendChild(clone);

===============>>#2 票数:1

像这样吗 样品小提琴

var lastSection = $('[data-role="page"]:last'); //get the last page probably you can use this to increment the id based on last id
var newSection = lastSection.clone(false);//default is false anyways, if you want to carry over data and events you can use true.
newSection.attr('id','setthenewid');//set the new id
$('div[class^=dydivarr]',newSection).attr('class','newclass'); //set the new class for your divarr
$('.ui-btn-right a',newSection).attr('href','newurlmap');//set the new url map 
lastSection.after(newSection); //place the entire page section in the end

===============>>#3 票数:1

更新:

简单代码有效。 这只是我的错误做法

<script type="text/javascript">

for(var lp=0; lp < 10; lp++)
{
document.write('<div data-role="page" id="page'+lp+'" data-theme="a">');
document.write('  <div data-role="content">');
document.write('    <center>');
document.write('      <h3><a href="#page0" data-role="none"><img src="images/logo.png" /></a></h3>');
document.write('     </center>');
document.write('     <div class="dydivarr+lp+'"> </div>');
document.write('     <br /> ');
document.write('     <div data-role="controlgroup" class="ui-btn-left"> <a href="#page'+(lp-1)+'"     data-role="button">Previous</a> </div>');
document.write('     <div data-role="controlgroup" class="ui-btn-right"> <a href="#page'+(lp+1)+'" data-role="button">Next</a> </div>');
document.write('   </div>');
document.write(' </div>');

}

</script>

谢谢

===============>>#4 票数:0

如何根据选择框值将div复制一定次数?

罗科·C·布尔扬

维文·帕利亚斯(Vivin Paliath)

的答案

  ask by Javadotnet translate from so

未解决问题?本站智能推荐:

1回复

通过JavaScript在jQuery Mobile中打印Json文件

基本上,我已经成功用html中的js函数打印了一个json文件。 从那以后,我切换到了jquery mobile,并尝试修改我的函数以使其与jquery mobile语法匹配。 我已经手动添加了应该打印出的功能,它可以正确显示,因此该功能存在问题。 我试图在ui-grid-d中进行打印,并
1回复

JQuery / Javascript遍历JQuery Mobile滑块并根据其值创建JSON字符串

在我的控制器中,我正在动态创建滑块html以传递到视图-因此我最终遇到多个滑块(可以是1个滑块,可以是20个滑块,或介于两者之间的任意数量-取决于数据库的查询)。 我需要将每个滑块与其在数据库中的ID和价格相关联。 ExtraPrices数组保存与每个滑块关联的价格。 ExtraI
1回复

如何使用jQuery解析JSON

我是JSON和jQuery的新手。 我有一个来自url的JSON文件,格式如下: 我想要做的是当用户从列表中选择一个国家/地区时,我只想解析特定于该国家/地区的数组。 到目前为止我所拥有的是: 值的警报未被触发,因此它似乎没有进入每个语句。
3回复

如何通过JQuery / Javascript将选定的下拉菜单值正确传递给JSON函数

我正在使用JQuery Mobile,Javascript,HTML,JSON,AJAX,PHP和MySQL将数据库中的值动态显示到网页上。 我有几个要素一起工作。 首先,一个下拉菜单填充一个列表视图。 下拉菜单元素是从数据库中获得的。 这是通过“ on change”方法完成的,当
1回复

有没有一种方法可以从Javascript函数中调用脚本标签和样式标签? [重复]

这个问题已经在这里有了答案: 页面加载后要加载脚本吗? 5个答案 我正在尝试实现这样的事情: 基本上我想从一个function加载.js文件。 任何建议都将非常有帮助。
3回复

如何使用jquery从json数组中分离值。

这是我的json this is my code jquery Code 我在我的objValue得到了数据,但是我想分别存储在id和name数组中,看起来这看起来我的代码是下面的 我怎样才能做到这一点。
2回复

如何使用JSON数据动态填充jQuery Mobile页面?

我正在尝试从某些外部JSON( http://ip-api.com/json )获取数据。 然后,我想使用这些键来动态填充列表视图。 我希望每个列表项都是一个链接,当您单击链接时,jQuery Mobile页面将包含键的匹配值。 我有两个jQuery Mobile页面,一个主页,另一个。
1回复

如何使用JSON-通过PhoneGap(iPhone)进行JQuery将捕获的照片上传到REST界面?

我的应用程序要求用户捕获照片,然后将其上传到服务器(如果用户在线)。 我从PhoneGap API中获取的照片捕获代码。 我如何使用Json和Jquery mobile将imgURL上载到REST接口? 我到目前为止的代码是: } 同样,它与从PhoeGap API中提取
1回复

使用$ .getJSON在pagebeforeshow中获取json数据在jquery mobile中不起作用

我已经使用$ .getJSON在pagebeforeshow上获取json数据,但是它不能正常工作。 代码如上,当在$ .getJSON中使用url时,它起作用;而在使用tat_url时,则不起作用。 http://192.168./html5/Demo/json/list.jso
5回复

如何使用JQuery将数据从一个HTML页面传递到另一HTML页面?

我有两个以这种方式在父子关系中工作的HTML页面: 第一个具有一个按钮,该按钮执行以下两项操作:首先,它通过AJAX调用从数据库请求数据。 其次,它将用户引导到具有所请求数据的下一页,JavaScript将对其进行处理以填充第二页。 我已经可以通过ajax调用获取数据并将其放入JS