JQuery是否有一个“;移动“;作用或者有没有一种更紧凑的方法来做到这一点
Does JQuery have a "move" function? Or is there a more compact way of doing this?
当将JQuery与内容管理系统结合使用时,我发现自己经常编写诸如之类的代码片段
$(document).ready(function()
{
var thishtml = $('#some-element')[0].outerHTML;
$('#some-element').remove();
$('#hmpg-btm-box-holder').prepend(thishtml);
});
JQuery是否具有以更紧凑的方式实现这一点的功能?
这就足够了:
$(document).ready(function()
{
$('#hmpg-btm-box-holder').prepend($('#some-element'));
});
我会尽可能避免使用outerHTML
(最好也使用innerHTML
,除非您通过AJAX从受信任的服务器接收到一些HTML并希望将其包含在文档中)。
将元素从Element
转换为字符串(HTML)表示,然后再转换回Element
,很容易产生不必要的效果,比如删除所有附加到它的事件处理程序
插入/移动单个DOM元素作为另一个元素的第一个子元素是一个简单的单行。
$('#hmpg-btm-box-holder').prepend($('#some-element'));
或者,如果您想附加为最后一个子项:
$('#hmpg-btm-box-holder').append($('#some-element'));
请注意,在这两种情况下,如果适用,参数中指定的DOM元素将从DOM中的现有位置中删除。
这只适用于解析为单个DOM元素的选择器。对于集合作为参数传递的情况,行为有点不同,因此请参考函数文档以更好地理解这一点。
您也可以使用.replaceWith()
。
$('.original').replaceWith('.new');
相关文章:
- 如何做到这一点,使代码在不传递条件后执行函数
- gmap3如何做到这一点-它显示圆圈的任何事件
- 硒元素在这一点上是不可点击的
- JQuery是否有一个“;移动“;作用或者有没有一种更紧凑的方法来做到这一点
- 为什么这个代码不起作用?我花了很长时间试图弄清楚这一点
- AngularJS:有没有比指定的方法更好的方法来实现这一点
- Mootorial在这一点上有多重要或过时
- Javascript递归函数引用了这一点
- 一根绳子可以有回文吗,有没有更好的方法可以做到这一点
- 指南针/咖啡可以做到这一点吗?另一种方法
- 我正在设置计时器,但我以错误的方式进行.所以请给我更好的方法来做到这一点
- JavaScript 函数调用计时.实现这一点的最佳方法
- 在循环中使用 .getValue().这会导致许多调用.有没有更简单的方法可以做到这一点
- 我正在尝试在大范围内挑选特定单元格中带有“1”的所有行,是否有更有效的方法可以做到这一点
- 流星动态创建对象并引用它们?有没有一种简单的方法可以做到这一点
- 自适应FitText:有没有更好的方法来做到这一点
- 有没有一种更有效的方法来做到这一点,而不是所有的“如果”?和“;else"语句
- 是否有更好的方法来做到这一点,而不是使用addClass/removeClass
- jQuery-有没有更有效的方法可以做到这一点
- 在cakephp中做到这一点的最好方法是什么?