Tag: replacewith

Jquery replaceWith不工作

使用Jquery 1.7.1 我有两个div {page content here} 那些显示在页面源中。 但是我在页面底部添加的这个jquery不起作用: $(document).ready(function () { $(“div.highlightStart”).replaceWith(“”); $(“div.highlightEnd”).replaceWith(“”); }); 浏览器控制台(Chrome)中没有显示javascript错误。 什么都没有被取代。

用JQuery replaceWith()替换后事件没有被触发?

场景 我正在通过JQuery ajax调用获取页面,并显示为弹出窗口。 我这样做的原因是页面也可以在没有javascript的情况下访问。 页面本身包含一些下拉列表和按钮。 在javascript禁用版本中,通过将所选值传入和传出使用php的服务器来维护页面的状态。 因此我打算对javascript做同样的事情,在这种情况下,以前的html元素需要用ajax响应替换。 我在网上进行了广泛的搜索,但无奈。 问题 替换后,元素丢失了他们的事件数据, 如何保存或重新绑定与它们相关的事件? 我一直试图实现的代码是 $(‘#search-main a’).on(‘click’, function(e){ e.preventDefault(); $(‘#search-advanced’).remove(); var target = $(this).attr(‘href’); var res = $.get(target, function(data){ $(‘body’).append($(data).find(‘#search-advanced’)); $(‘#search-advanced’).addClass(‘row reveal-modal’); $(‘#search-advanced’) .css(‘top’, 80) .css(‘border-radius’ , ‘5px’) .css(‘padding-left’ , ‘0px’) .css(‘padding-right’ , ‘0px’); $(‘#search-advanced input[name=”select_filter”]’).remove(); $(‘#search-advanced .custom.dropdown’).on(‘change’, function(){ $(‘#search-advanced form’).trigger(‘submit’); }); $(‘#search-advanced form’).on(‘submit’, function(e){ e.preventDefault(); var params […]

“jQuery方式”用HTML和文本混合替换一个文本节点?

在我的Web浏览器用户脚本项目中,我需要替换一个文本节点,而不会影响与文本相同的父节点下的其他HTML元素。 我需要用多个节点替换它: foo / bar; baz 需要成为: foo / bar; baz 我知道jQuery没有对文本节点的大量支持。 我知道我可以使用直接DOM调用而不是jQuery。 我知道我可以做一些像$(‘#target’).html(我的新东西+我不想改变的东西) 。 另外请注意,我想保留最初的空间,这本身似乎很棘手。 我想问一下这里的专家是, 有一种最惯用的jQuery方法吗?

使用jQuery replaceWith仅在第一次使用时替换DIV的内容

我正在使用以下jQuery来提取新数据并替换DIV listdata的内容 $(function(){ $(‘.refresh’).click(function(event) { event.preventDefault(); $.ajax({ url: “_js/data.php”, success: function(results){ $(‘#listdata’).replaceWith(results); } }); }); }); 该脚本由页面上的众多链接触发,例如: Update 1 Update 2 由于某种原因,该脚本仅适用于第一次链接。 后续点击不会刷新数据。 我已经看到了各种修复,但没有任何我可以工作的东西。 有什么建议?

替换XML问题

在检查了jQuery源代码后,我发现我遇到的问题是因为replaceWith调用了html文档不存在的html 。 replaceWith不应该在XML文档上工作吗? 我发现这个公认的简单解决方法,以防将来有人需要它,这将完成我正在尝试做的事情: xml.find(‘b’).each(function() { $(this).replaceWith($(‘yo’)) // this way you can custom taylor the XML based on each node’s attributes and such }); 但我仍然想知道为什么简单的方法不起作用。 我对jQuery了解不多,但不应该这样吗? xml = $.parseXML(‘hey’) $(xml).find(‘b’).replaceWith(‘yo’) 它代替yo的xml而不是代表 。 我做错什么了吗? 我正在使用jQuery 1.6.2。 编辑: 作为旁注,如果我尝试使用replaceWith的函数版本,就像这样: $(xml).find(‘b’).replaceWith(function() { return ‘yo’ // doesn’t matter what I return here }) 我收到此错误: TypeError: Cannot call method ‘replace’ […]

替换元素并保留属性

以下几乎可以用lis替换span[data-type=”yesno”]所有实例,但我还想保留属性,类等。有没有办法以相同的方式inheritance属性作为HTML? $(‘span[data-type=”yesno”]’).replaceWith(function(){ return $(“”, {html: $(this).html()}); })

Textarea的新线将转换为

这里有很多关于转换br />或保留不同语言的换行的线索,但关于textarea的问题并不多。 我有这个脚本: var boxText = “”; $(“textarea.BoxText”).live(‘dblclick’, function () { boxText = $(this).val().replace(/ /g, “”); $(this).replaceWith( ” + $(this).val() + ” ); }); $(“div.BoxText”).live(‘dblclick’, function () { $(this).replaceWith( ” + boxText + ” ); }); 我有一个textarea元素,可编辑。 当用户双击它时,它会转换为div。 但是,在div中,不会保留换行符。 我想将新行转换为 目前,所有空间都在转换。 我有第二个脚本将其转换回textarea,因此存储字符串的变量。 我需要的 我们也要重新转变为新的路线。 这似乎是多余的,但我有充分的理由这样做。

在自然JavaScript中编写jQuery的replaceWith()的最佳方法

function遇到问题尽快打到页面,所以我需要用纯JavaScript编写它并将其包含在头部。 不确定如何去做,因为据我所知,通过使用.replace(),新元素将被移动到页面上的不同位置。 jQuery的replaceWith()行为是理想的。 $(“#imagefiles”).replaceWith(“”);

更改标记但保留属性和内容 – jQuery / Javascript

文本 变成 Text 我熟悉jQuery的replaceWith但据我所知,这并没有保留属性/内容。 注意:为什么p会有href ? 因为我需要将p改回另一个事件。