jquery 筛选文本内容获取元素

最新推荐文章于 2022-04-02 10:00:00 发布

转载最新推荐文章于 2022-04-02 10:00:00 发布 · 480 阅读

1 ·

CC 4.0 BY-SA版权

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

文章标签：

#javascript #ViewUI

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么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