jquery outerhtml

让 Firefox 支持 outerHTML (使用jQuery1.3)

Posted on 2009-06-16 17:43 吕霖阅读(627) 评论(7) 编辑收藏

1、今天获取元素的html,而firefox却不支持如下代码

var elemstr = $("#" + name)[0].outerHTML;

2、看到网上很多文章讨论Firefox如何使用outerHTML，给出的解决方案都颇为复杂。

如果使用jQuery1.3,则问题变得简单多了！

使用如下代码，IE和FF均支持！

var elemstr = $("#" + name).parent().html();

希望本文能对你有所帮助！

wrong above

AUG17

jQuery: outerHTML

The outerHTML property (IE only) could sometimes be very handy, especially if you're trying to replace an element entirely. Brandon Aaron has very kindly given us aouterHTML plugin that does half the job as it doesn't support replacements. The following code snippet fills in the blanks:

view sourceprint?

jQuery.fn.outerHTML = function(s) {

return (s)

? this.before(s).remove()

: jQuery("<p>").append(this.eq(0).clone()).html();

}

To get the outerHTML value of an element do this...

$('#myTag').outerHTML();

To replace #myTag entirely do this...

$('#myTag').outerHTML("<p>My brand new #myTag.</p>");

Hope this helps someone

Update: There's now a demo page.

posted on 2010-12-08 12:20 lexus 阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/lexus/archive/2010/12/08/1900093.html

jquery outerhtml相关推荐

jquery 获取 outerHtml 包含当前节点本身的代码
在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然后我们有时候确需要,找遍jQuery api文档也没有任何方法可以拿到. 看到有的人通过pare ...
jsquery获取页面元素的html代码,【jQuery 使用】利用jQuery.prop(outerHTML)获取包含自身在内的HTML元素的HTML代码...
jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过jQuery.prop("outerHTML")的方式设置. ...
php渲染html用jquery,怎样用jQuery来获取outerHTML属性？
获取元素的内容(并包含元素本身)原生js 或 jQuery能实现吗? 都能,代码如下: 1.js:ele.outerHTML 2.jq: $(ele)[0].outerHTML 也许没看这篇文章前,很 ...
ie7和ie8 select使用jquery clone不兼容处理
本文解决方案基于http://blog.csdn.net/zzx3q/article/details/8017794 在ie7和ie8下,用jquery clone复制一个select,复制的sele ...
深入学习jQuery描述文本内容的3个方法
前面的话在javascript中,描述元素内容有5个属性,分别是innerHTML.outerHTML.innerText.outerText和textContent.这5个属性各自有各自的功能,且 ...
jquery书写左右两个多选下拉列表交换移除功能
使用jquery做一个多选列表左右互换的功能,代码如下 <!DOCTYPE HTML> <html lang="en-US"> <head>&l ...
php jquery ajax输出数组吗,jquery – 从PHP返回数组时的Ajax Parse错误
我已经阅读了关于这个问题的大部分SA问题,但没有一个解决了我的问题. 以下代码将JavaScript数组传递给PHP5.这工作正常,但是当我将一个PHP数组返回给ajax代码时,a parserror ...
利用jquery.form.js实现Ajax无刷新图片上传及预览功能
某些时候当我们做登记页面的时候可能需要上传图片,并实现即时预览的功能. 如果只是预览而不上传,可以使用ImagePreview来实现,方便简单.如果需要上传,那么你也可以使用uploadify无刷新上 ...
ie8下jquery改变PNG的opacity出现黑边,ie6下png透明解决办法
目前互联网对于网页效果要求越来越高,不可避免的用到PNG图片,PNG分为几种格式,PNG8 PNG24 PNG32,其中最常用的,也是显示效果和大小比较适中的则是PNG24,支持半透明,透明,颜色也 ...
jQuery动态操作表单
1 <html> 2 <head> 3 <title>jquery表格操作</title> 4 <scriptlanguage="jav ...

jquery outerhtml

让 Firefox 支持 outerHTML (使用jQuery1.3)

jQuery: outerHTML

jquery outerhtml相关推荐

最新文章

热门文章