Tag: innerhtml

使用jquery ajax调用填充

我正在尝试为一系列的每一个做一个ajax调用,并用来自ajax调用的已处理数据替换td的内部html。 当我被锁定到电子商务cms系统时,我的ajax调用是一个包含以下字符串的完整页面:**!#249,00!#349,00 **!#5 ltr!#** 下面的代码将其拆分为: var pprices = [”,’249,00’,’349,00′]; var plabels = [”,’5 ltr’,”]; 注意:pprices中的数字使用逗号而不是句号。 问题是最后一行:$(this).html(endprice); 使用默认值’999999’填充单元格而不是新值。 似乎该行在ajax调用完成之前执行。 如何确保将for循环中找到的数据发送到td? 我目前的代码是这样的: $(“.pricetag”).each( function() { var pgroup = $(this).attr(‘group’); var plink = “Default.aspx?ID=14&groupid=” + pgroup + “&mode=-1”; var endprice = “999999”; var endlabel = “”; $.ajax({url:plink,done:function(result){ pprices = result.split(“**”)[1]; plabels = result.split(“**”)[2]; prices = pprices.split(“!#”); labels = […]

如何在不计算扩展实体的情况下找到标签(元素)的字符串索引?

我有一大段文本,我希望能够选择,通过startindex和endindex存储选定的部分。 (例如,选择or在word会给我startindex 1和endindex 2 ) 这一切都正常,但我有一个HTML实体的问题,如& (&符号)。 我已经创建了一个问题所在的小案例。 您可以在下面的小提琴中看到,如果您选择&之外的任何内容,则startIndex膨胀,因为它不会将&计为单个字符,而是将5个字符统计为& 。 有没有办法让它能够正确计算像&符号这样的特殊字符,而不会搞砸索引? http://jsfiddle.net/Eqct4/ JavaScript的 $(document).ready(function() { $(‘#textBlock’).mouseup(function() { var selectionRange = window.getSelection(); if (!selectionRange.isCollapsed) { selectedText = selectionRange.getRangeAt(0).toString(); } document.getElementById(‘textBlock’).setAttribute(‘contenteditable’, true); document.execCommand(‘strikethrough’, false); var startIndex = $(‘#textBlock’).html().indexOf(”); $(‘#startindex’).html(‘the startindex is: ‘ + startIndex); done(); }); }); function done() { document.getElementById(‘textBlock’).setAttribute(‘contenteditable’, false); document.getSelection().removeAllRanges(); removeStrikeFromElement($(‘#textBlock’)); } function removeStrikeFromElement […]

jQuery DOM元素创建vs innerHTML

在回答我的一个问题时, cletus提到在jQuery中创建元素时最好使用direct DOM element creation ,而不是innerHTML 。 我试过谷歌搜索它,但我无法找到一个比较好的文章。 我已经提供了这个代码作为示例,我想知道是否有人可以帮我在直接DOM元素创建表单中重写它,希望我之后也能学到它的不同之处。 var img = $(this); img.append(”+ img.attr(‘title’)+”); 非常感谢。

JQuery .html()删除IE 8上的换行符

所以我一直在尝试用jQuery中的.html()函数解码字符串,除了在IE上它工作得很好… 这是我的字符串: ééé\r\nààà 我希望这是: ééé\r\nààà 我目前用IE浏览.html(): ééé ààà 所以这在FF和Chrome上看起来不错,但在IE上所有换行都被删除了。 我找到了一篇文章( http://web.student.tuwien.ac.at/~e0226430/innerHtmlQuirk.html ),解释问题是.html()函数使用的.innerHTML … 我真的很惊讶没有找到关于这个的话题。 有什么解决方案吗? 也许做一个特定的function来解码IE上的那个? 这里有更多代码: var itemDescription = “ééé\r\nàà&#224″; $(‘.feeds’).find(‘textarea.description[ifid=”‘ + ifid + ‘”]’).html(itemDescription);

将输入值应用于其所有td innerhtml

是否有可能在内部输入时更改所有td的innerhtml,我的意思是获取输入的值并将其应用于它的td innerhtml,例如,这里是表及其输入内部: 123 把它改成这个: test 123 对于所有td和输入值而不应用id和类?! 请注意td innerhtml没有改变:)谢谢大家的帮助! ;)

JQuery改变表格单元格的内容

好的,这是一个令人尴尬的简单问题。 为什么下面的jQuery示例不起作用? 显然它应该将表中的’a’改为’hello’。 HTML代码: a b ​ JavaScript(JQuery)代码: $(“#table1 td:contains(‘a’)”).innerHTML=”hello”;

为什么html()执行JavaScript,但innerHTML不执行?

为什么这会执行 : $(‘#jq_script’).html(“$(‘#test’).text(‘test’);”); 但这不是吗? document.getElementById(‘js_script’).innerHTML = “$(‘#test’).text(‘test’);”; 你可以在这里看到它 来自jQuery的关于.html()的文档: 此方法使用浏览器的innerHTML属性 。 某些浏览器可能不会返回完全复制原始文档中HTML源的HTML。 例如,如果Internet Explorer仅包含字母数字字符,则有时会忽略属性值周围的引号。

IE + jQuery + Ajax + XHTML:在.html()或.innerHTML之后剪辑HTML

这是一个非常难以置于简短句子中的问题,所以如果我杀了它,我会道歉。 我最近推出了一个网站,该网站已经在我所需的所有浏览器平台上进行了广泛的测试,包括IE8(IE8标准模式,XHTML Strict)。 在网站在专用的Web服务器上运行之前,我没有遇到任何问题。 该站点对表单的input元素的change事件使用jQuery.get() ,其中响应被移植到公共 。 尽管我已经阅读了IE和XMLHTTPRequest的缓存问题,但我的问题似乎发生在我的ajax回调开始执行之后。 我的回调(通过.get() /。 .load() – 我已经尝试过)接收我的服务器返回的HTML片段。 在任何浏览器中测试返回的内容都会准确显示我对内容的期望。 但是,只要我将HTML片段放入https://stackoverflow.com/questions/2999377/iejqueryajaxxhtml-html-getting-clipped-after-html-or-innerhtml/#results的DOM树中,IE就会实际https://stackoverflow.com/questions/2999377/iejqueryajaxxhtml-html-getting-clipped-after-html-or-innerhtml/#results出我标记的前7或8个开始标记(以及大多数标记的子标记)。 这是奇怪的奇怪。 我通过jQuery(‘https://stackoverflow.com/questions/2999377/iejqueryajaxxhtml-html-getting-clipped-after-html-or-innerhtml/#results’)[0].innerHTML = content设置HTML内容,将其修复到网站的另一个区域,但这次没有骰子。 响应示例: some link stuff, blah blah another link ..title.. View ..statistics.. <!– … and so on in a loop over items to create more items … –> 从字面上看, 的开头标记的所有内容都会被截断。 结果是IE显示我返回的AJAX内容,好像它是从文本节点开始的: ..statistics.. 。 (我尝试在下面的评论建议中删除rel=”stats” ,改为将其更改为CSS类,但会出现相同的结果。) 如果我通过浏览器的URL字段直接请求我的AJAX URL,则返回的内容是完美的。 […]

jQuery + CSS。 如何计算innerHTML的高度和宽度?

我有一个使用jQuery的Web项目的典型父子div层次结构。 子css没有高度,这允许它根据innerHTML的高度进行扩展和收缩。 我以编程方式将HTML标记填充到子项的innerHTML属性中。 我希望设置父级的高度以匹配子级标记后的子级高度。 我该怎么做呢? 我试过了: childDiv.innerHTML = content; childDivObject = $(childDiv); parentDivObject = $(parentDiv); parentDivObject.css({ “height” : childDivObject.height() + “px” }); 但这没效果。 我错过了什么? 更新0 更多背景。 此代码用于通过用户点击显示/消失的弹出窗口。 这是css。 这里发生的事情不多: // parent .parent { position: absolute; top: 0; left: 0; width: 350px; display: none; } // child .child { position: absolute; top: 5px; left: 5px; right: […]

使用jQuery为每个事件突发运行一次函数

我正在使用jQuery来监听DOMSubtreeModified事件,然后执行一个函数。 我需要的是每个事件爆发只运行一次函数的方法。 因此,在这种情况下,事件将仅在1秒后运行,并在3秒后再次运行。 做这个的最好方式是什么? jQuery的 $(function(){ setTimeout(function(){ $(‘#container’)[0].innerHTML = ‘test’; $(‘#container’)[0].innerHTML = ‘test’; $(‘#container’)[0].innerHTML = ‘test’; $(‘#container’)[0].innerHTML = ‘test’; $(‘#container’)[0].innerHTML = ‘test’; $(‘#container’)[0].innerHTML = ‘test’; },1000); setTimeout(function(){ $(‘#container’)[0].innerHTML = ‘test’; $(‘#container’)[0].innerHTML = ‘test’; $(‘#container’)[0].innerHTML = ‘test’; $(‘#container’)[0].innerHTML = ‘test’; $(‘#container’)[0].innerHTML = ‘test’; $(‘#container’)[0].innerHTML = ‘test’; },3000); $(‘#container’).bind(‘DOMSubtreeModified’,function(){ console.log(‘event’); functionToRun(); }); }); HTML 更新 setTimeout函数只是为了模拟我的问题。 我需要一个解决方案,而无需更改setTimeout代码。 […]