JS工具方法 5 xml字符串截取
2023-09-14 09:15:07 时间
在复杂的hml字符串查找指定标签或者内容时,可以用字符串截取,也可以用正则表达式,也可以用xpath,但是大家都忽略了jquery的查找方式,jquery中的$(selector)可以在dom中选择元素,其实这个方法是可以填写两个参数的,
jQuery = function( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
// Need init if jQuery is called (just allow error to be thrown if not included)
return new jQuery.fn.init( selector, context );
}
只是正常使用只填写了一个,都以当前打开的文档为上下文环境。我们可以将我们要查找的字符串环境转化为dom对象,并构造出选择器selector,以$(selector,dom)的方式获取到对象。------一下是工作代码的部分截取
function getStrDomElem(selector,domStr){
var parser=new DOMParser();
//将传入的domStr转化为dom对象
var htmlDoc=parser.parseFromString(domStr,"text/html");
return $(selector,htmlDoc.body)[0];
}
下面给出一个示意参考代码和运行截图
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
var html="<ul id='ul'>\n" +
"\t\t<li>23123</li>\n" +
"\t\t<li>23123</li>\n" +
"\t\t<li>23123</li>\n" +
"\t\t<li class='canFind'>你能找到我么?</li>\n" +
"\t\t<li>23123</li>\n" +
"\t\t<li>23123</li>\n" +
"\t</ul> ";
var elem=getStrDomElem('.canFind',html);
alert(elem.innerHTML);
function getStrDomElem(selector,domStr){
var parser=new DOMParser();
//将传入的domStr转化为dom对象
var htmlDoc=parser.parseFromString(domStr,"text/html");
return $(selector,htmlDoc.body)[0];
}
});
</script>
运行演示截图
相关文章
- 字符串的方法_js字符串包含另一个字符串
- html如何只刷新页面指定,js控制页面刷新 JS刷新当前页面的几种方法总结
- js中通过map的value找key
- 取两个列表的交集_js两个数组取差集
- 解决跨域的三种方法_js跨域解决方案
- js刷新当前页面方法
- JavaScript刷LeetCode拿offer-js版字典_2023-02-28
- 易班 视频跳过js、解除答题F12与右键的禁用、利用ajax重载显示答案
- JS中的 async 和 await 使用技巧
- js调试工具console.log()方法查看js代码的执行情况详解编程语言
- JS获取HTML元素(6种方法)
- js实现用滚动条来放大缩小图片的代码
- 关于JS控制代码暂停的实现方法分享
- JS解析json数据并将json字符串转化为数组的实现方法
- js复制到剪切板的实例方法
- js特殊字符转义介绍
- JS关闭窗口与JS关闭页面的几种方法小结
- js实现的复制兼容chrome和IE
- html+js+php一次原始的Ajax请求示例
- JS的encodeURI和java的URLDecoder.decode使用介绍
- js数组的基本操作(很全自己整理的)
- js获取指定日期周数以及星期几的小例子
- node.js中的fs.lstatSync方法使用说明
- node.js中的fs.futimes方法使用说明