Jquery 如何替换html字符串中标签属性值 ??

您所在的位置:网站首页 在拨号入网时不是必备的硬件 Jquery 如何替换html字符串中标签属性值 ??

Jquery 如何替换html字符串中标签属性值 ??

2024-06-06 16:30| 来源: 网络整理| 查看: 265

如何利用JQuery 替换HTML字符串中的属性值呢?

如 html 字符串有很多 img标签,现在需要修改 img的src值

var html=" 期末测试

一、选择题(共 20 题)

1.下列软件中可以查看WWW信息的是______。 23

span""/span

;

A.游戏软件span""/span ;; B.财务软件 ;; C.杀毒软件 ;; D.浏览器软件

2.在拨号入网时,______不是必备的硬件。

span""/span

span""/span ";

如何替换呢? 以下代码理论上可以,但实际不能替换变量 html 字符串中的 dom元素,因为以下操作方式并不是引用传值。只有将操作的字符串变成对象才能发生实际改变。

一、理论上修改方式 var html = $("#qst").html(); var s= $("img",html).attr("src") $("img", $(html)).each(function (a, b) { var pos = $(this).attr('src').indexOf("/"); s = $(this).attr('src').substring(pos); var newImg= $(this).attr('src', "../wwwroot/" + s); $(this).replaceWith(""); console.log($(this)); }); alert(html); 二、实际修改方式

废话不说上代码:

var html = $("#qst").html(); alert(html); var $html = $('', { html: html });//关键点 将html字符串转换成 JavaScript 对象。 $html.find("img").each(function () { var pos = $(this).attr('src').indexOf("/"); s = $(this).attr('src').substring(pos); var newImg = $(this).attr('src', "../wwwroot/" + s); }); alert($html.html());

请看调用前

 

 

调用后:

 

 

    可以看到,Img 标签的所有 src 值 均发生改变。

end!!!            

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3