javascript如何查找页面中的字符串？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript如何查找页面中的字符串？相关的知识，希望对你有一定的参考价值。
比如说有个<a>test123456</a>
我想通过查找"test"，来获取<a>里面所有内容"test123456"
这个要如何实现？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>javascript 测试</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
$(document.body).find('a').each(function(i, obj)
var str = $(obj).html();
if(/^test/.test(str))
alert(str);
);
);
</script>
</head>
<body>
<a>test123456</a>
<a>test343533</a>
</body>
</html>
不用 jQuery 也不难：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JavaScript 测试</title>
<script type="text/javascript">
window.onload = function()
var atags = document.getElementsByTagName('A');
console.log(atags);
for(var i=0; i<atags.length; i++)
var str = atags[i].innerHTML;
if(/^test/.test(str))
alert(str);
</script>
</head>
<body>
<a>test123456</a>
<a>test343533</a>
</body>
</html> 参考技术A 这个方法很多.
1.indexOf
for(var i=0;i<document.links.length;i++)
if(document.links[i].innerHTML.indexOf('test')>-1)
alert(document.links[i].innerHTML);
2.正则表达式
for(var i=0;i<document.links.length;i++)
if((/test/).test(document.links[i].innerHTML))
alert(document.links[i].innerHTML);
3.jquery //1.2之前版本才可以用..1.2之后就去掉了contains.但是还是有办法实现的..这个就不说了..要自己写一个简单的函数.
$(function()
$('a').each(function()
if($(this).html().contains('test'))
alert($(this).html());
);
); 参考技术B 导入jquery 1.3.X库，查找<a>test123456</a>，
function search()
$('a').each() //遍历所有a标签
function()
if($(this).text().indexOf('test') != -1) //符合条件
alert($(this).text()); // 输出
参考技术C <script>
var s = "<a>test123456</a>asaskl;<a>dfk</a>";
var rep = /<a>test(.*?)<\/a>/
document.write(s.match(rep)[0])
</script>
以上是关于javascript如何查找页面中的字符串？的主要内容，如果未能解决你的问题，请参考以下文章