jquery替换元素,jquery 字符串替换

jquery替换元素？

script type="text/javascript"

创新互联建站是专业的网站建设公司,提供网站建设,网站制作,网站设计等网站开发一体化解决方案;包括H5响应式网站,小程序设计,网站定制,企业网站建设,商城网站建设,响应式网站建设,建网站,PHP网站建设,软件开发，软文发布平台，网站营销。欢迎做网站的企业前来合作洽谈,创新互联建站将竭诚为您服务!

$('div').bind({

mouseover: function(){

if($(this).attr('def') != 1){

$('div').data('html', $(this).html());

$(this).html('span我是span标签/span');

}

$(this).attr('def', 1);

},

mouseout: function(){

if($(this).attr('def') == 1){

$(this).html($('div').data('html'));

$('div').data('html', '');

}

$(this).attr('def', 0);

}

});

/script

jQuery 删除/替换DOM元素的几种方式

删除

删除操作非常简单，直接在结果集后链式调用remove()方法即可。

例如，要删除以下html脚本中所有的a元素，直接通过

复制代码

代码如下:

$('a'.remove();

就可以做到了。

复制代码

代码如下:

h3Anchors/h3

a

href="#"

class="remove"Anchor

Element/a

a

href="#"Anchor

Element/a

a

href="#"

class="remove"Anchor

Element/a

当然也可以通过向remove传参的形式来过滤选择结果，然后再执行remove操作。

复制代码

代码如下:

$('a').remove('.remove');

需要注意的是

remove操作并不会把符合条件的元素从结果集中删除，所以理论上可以继续操作被"删除"掉的元素

remove操作不但会“删除”元素与所有元素相关的数据也会被删除(event

handlers、internally

cached

data)

替换

如果想要把class为remove的li元素替换为liremoved/li，可以使用以下两种等价的方法

复制代码

代码如下:

$('li.remove').replaceWith('liremoved/li);

$('liremoved/li;).replaceAll('li.remove');

jQuery 字符串查找替换 方法

jquery中的字符串查找替换有2个类似的方法，但都是查找替换dom元素的方法，而不是查找替换纯文本的方法。

1、replaceWith()，将所有匹配的元素替换成指定的HTML或DOM元素。

示例：

把所有的段落标记替换成加粗的标记。

HTML 代码:

pHello/ppcruel/ppWorld/p

jQuery 代码:

$("p").replaceWith("bParagraph. /b");

结果:

bParagraph. /bbParagraph. /bbParagraph. /b

2、replaceAll()，用匹配的元素替换掉所有 selector匹配到的元素

示例：

把所有的段落标记替换成加粗标记

HTML 代码:

pHello/ppcruel/ppWorld/p

jQuery 代码:

$("bParagraph. /b").replaceAll("p");

结果:

bParagraph. /bbParagraph. /bbParagraph. /b

注意：

如果需要查找纯文本替换，可以直接使用js中的String.replace(regexp, replacement)

方法。

示例：

要确保单词“JavaScript'’中的大写字符是正确的，可用下列代码：

text.replace(/javascript/i, "JavaScript");