Tag: dom

为什么我不能通过ID(无iframes)访问这个动态加载的DOM元素?

我正在使用允许嵌入式JavaScript内容(Qualtrics)的外部网站。 Qualtrics动态加载一些控制器。 当我通过Chrome网络面板测试访问这些控制器时,在完全加载后,我可以在Elements窗口中看到加载的控制器,它代表当前的DOM。 但是,我无法通过id访问这些元素,无论是使用jQuery还是通过document.getElementById。 其中一个控制器具有id QID12~14~handle 。 在Elements DOM浏览器中,我看到了标记: 当我查看页面的源代码时,我看到它们是动态加载的,并通过脚本标记插入到页面中: QModules.loadExternalModule(‘../WRQualtricsShared/JavaScript/CSBar/slider.51487.js’, function () { (function () { CS_QID15 = new CSBar(‘0’, ‘100’, ’10’, ‘QID15’, ”); if (CS_QID15.loaded) { CS_QID15.setDecimals(0); if (CS_QID15.snapToGrid) { CS_QID15.makeSlider(‘QID15~1’); CS_QID15.makeSlider(‘QID15~2’); CS_QID15.setStartPositions({“1”: 0, “2”: 0, “3”: 0.64599483204134}); } else { CS_QID15.makeSlider(‘QID15~1’); CS_QID15.makeSlider(‘QID15~2’); CS_QID15.setStartPositions({“1”: 0, “2”: 0, “3”: 0.64599483204134}); } } }).delay(); //if […]

如何在jQuery中包装具有不同类名的多个div块?

可能重复: 如何在jQuery中包装具有不同类名的DIV标签? 我在文档中重复了以下HTML块 My first div My second div My first div My second div … 如何用jQuery包装Div块以获得以下结果… My first div My second div My first div My second div …

从特定的Jquery数组填充特定的Div

如何将特定的JQuery数组输出到特定的Div中。 例如,我想将(phrase [0])数组拉入Div id =“div01”,将(phrase [1])数组拉入Div id =“div02”。 我已经阅读了JQuery的所有function但却无法找到它。 var phrases = [ [‘nihao’, ‘orange’, ‘你 好’, ‘hello’], [‘zaijian’, ‘red’, ‘你 好’, ‘goodbye’] ]; makePhrase = function(phrase){ var div = $(” +phrase[0]+ ” +phrase[2]+ ” +phrase[3]+ ‘ ‘); 然后我需要一行说(实际上): .append makePhrase(phrase [0])到Div id =“div01” 但不知道正确的方法。 这只是我学习JQuery的第二天,所以我很欣赏一个拼写出来的答案,然后我可以通过进一步的调查了解更多信息! 我讨厌成为菜鸟,但任何帮助都会受到赞赏。

无法使元素与jQuery animate()对角移动

好吧所以我只需要在我正在建立的网站上学习几个动画的JQuery。 我一直在阅读JQuery网站上的教程,我只想尝试实现一个简单的对角移动动画。 我仍然是JQuery的新手(如今,从今天开始),但从我理解的一切,下面的代码应该工作。 我犯了什么错误? $(document).ready(function(){ $(“#moveme”).click(function(event){ $(“#moveme”).animate({right: ‘+=50’, bottom: ‘+=50’}, 1000);​​​​​​​​​​​​​​​ }); }); Move this text 编辑: 添加了来自css和固定括号问题的相对属性与document但仍然无法正常工作。

保存动态创建的DOM并创建JSON

我需要帮助来创建具有完全相同格式的动态创建的dom对象的JSON,这是在接收JSON以创建动态元素时。 请检查JS Fiddle链接和下面的源代码。 现在,如果你看到,我在表中通过JSON获取数据。 表中的复选框值是JSON对象。 当我选中任何复选框并单击“保存”时,将生成并显示相应的div。 现在,我想使用“保存显示的数据并创建json”按钮来保存这个动态创建的DOM结构,并创建具有相同格式的JSON(包含所有属性(无论事实是否显示)或者不在相应的父级中。例如,电话号码,图像所有数据应该在JSON中可用,即使它没有显示但在原始JSON中可用)。 JS小提琴 table, th, td { border: 1px solid #ddd; border-collapse: collapse; padding: 10px; } table { margin: auto; } .parent { height: 25%; width: 90%; padding: 1%; margin-left: 1%; margin-top: 1%; border: 1px solid black; } .parent:nth-child(odd){ background: skyblue; } .parent:nth-child(even){ background: green; } Load Table Save Table […]

如何使用d3.js选择为每个数据元素创建多个相邻节点

使用以下数据: var days = [“Sun”, “Mon”, “Tues”, “Wed”, “Thur”, “Fri”, “Sat”]; 我需要将html结构变为: Sun Mon …. Etc 目前我当前失败的解决方案是: var selection = d3.select(“div”); var enter = selection.selectAll(“input”).data(days).enter() enter.append(“input”) .attr(“type”,”checkbox”) .attr(“id”,function(d,i){ return “day”+i;}) enter.append(“label”) .attr(“for”,function(d,i){ return “day”+i;}) .text(function(d,i){return daysAbbr[i];}) 这给了我一个不正确的dom: …. Etc Sun Mon …. Etc 我将如何创建所有这些相邻的兄弟姐妹?

如何使用jquery每个HTML dom和get属性变成JSON

我想获取html dom属性并在提交表单时变成JSON。 这是html表单元素: 1、question1? yes no 2、question2? 60 60-80 80-100 而JSON是这样的: [{ { “question”: “1、question1?”, “ask”: { [“type”: “checkbox”, “name”: “yes”, “value”: “yes”, “isChecked”: 0], [“type”: “checkbox”, “name”: “no”, “value”: “no”, “isChecked”: 1] } },{ “question”: “2、question2?”, “ask”: { [“type”: “checkbox”, “name”: “below_60”, “value”: “60”, “isChecked”: 1], [“type”: “checkbox”, “name”: “btw_60_80”, “value”: “60-80”, “isChecked”: 1], […]

replaceState用空字符串:Javascript

我有这个url: website.com/con?blog=true 我在javascript中做的是: if (getURLparams(blog)) { RandomFunction(); // change the url window.history.replaceState({}, ‘?blog=true’, “blog=false”); } 但是,我不想使用blog=false ,实际上我想要空字符串。 我试过”” / ”但他们没有用。 任何想法或替代? 谢谢

将DOMobject保存为字符串

我有一个像DOMelement 文本 我已将其保存在函数中的变量elem中 function(elem){ var elem=elem; } 现在我想将这个dom对象保存为字符串 text 你会如何管理这个? 我试过了…… 像elem.toString() ,它不起作用或elem.html()只返回INNER html。

在尝试操作dom时,Jquery返回

我试图动态地将html片段(输入元素)插入到现有的div节点中。 我需要创建三个输入元素,所以我使用循环来创建它们并通过jquery初始化它们。 我将创建的元素存储在名为htmlstr的变量中。 var Buildstorecontents = function Buildstorecontents () { var $parts_holder = $(“#parts_holder”); var $htmlstr = “”; for(var i = 0; i < 3; i += 1) { $htmlstr += $("”, { “type” : “text”, “class” : “”, “readonly” : true }).append($(“”)); } console.log($htmlstr); $parts_holder.append($htmlstr); } Buildstorecontents(); 问题是变量htmlstr没有保存创建的html节点而是[object object]。 我犯的错误和其他可能的方法是什么? 这就是我想要实现的目标