jquery 筛选文本内容获取元素

最新推荐文章于 2023-09-12 18:47:40 发布

转载最新推荐文章于 2023-09-12 18:47:40 发布 · 500 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://my.oschina.net/arin/blog/857972

标签

#javascript #ViewUI

收录于

本文介绍了一个使用jQuery实现的简单示例，通过文本筛选功能来定位特定元素，并更新其相邻元素的内容。该示例展示了如何利用jQuery的:contains()方法结合DOM操作，实现动态文本计数的功能。

为什么80%的码农都做不了架构师？>>>

重点——“:contains()”,文本过滤

<body>
   <div><span>-</span><span class='count'>2</span><span>+</span></div>
   <div>hello</div>
   <div><span>101</span></div>
   <button>click</button>
</body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
	$(document).ready(function(){
		$("button").click(function(){
			var p = 101;
			var n = $(':contains("'+p+'")').prev().prev().children("span.count").text();
			n++;
			$('span.count').html(n);
		});
	});
</script>

转载于:https://my.oschina.net/arin/blog/857972