如果div包含特定的文本字符串，请编辑父目录的css
如果div包含特定的文本字符串，请编辑父目录的css
提问于 2014-04-05 13:57:03
我想要一些关于搜索特定文本字符串的简单jQuery脚本的帮助。如果该文本存在，则操作包含div的css。HTML将如下所示：
<div class="container">
<div>
<div class="heading">
<a href="#">Very important text</a>
</div>
</div>
</div>
<div class="container">
<div>
<div class="heading">
<a href="#">Not important at all</a>
</div>
</div>
</div>
<div class="container">
<div>
<div class="heading">
<a href="#">Very important text</a>
</div>
</div>
</div>
<div class="container">
<div>
<div class="heading">
<a href="#">Not important at all</a>
</div>
</div>
</div>例如:如果一个容器包含字符串“非常重要的文本”，我想给'heading‘类一个200px的高度，给它的' container’div一个绿色的背景。如果这一点不清楚，请告诉我。提前感谢！
干杯。
回答 3
Stack Overflow用户
发布于 2014-04-05 14:06:42
您可以这样做：
$('.container').filter(':contains("Very important text")')
.css('background-color', 'green')
.find('.heading').css('height', '200px');演示：http://jsfiddle.net/AmitJoki/y82X9/1
按照Zword的建议，使用filter。这个解决方案是最快的。JSPerf
Stack Overflow用户
发布于 2014-04-05 14:21:25
使用filter是一个更快、更好的选择：
$(".container .heading a").filter(":contains('Very important text')").closest(".heading").css("height","200px").closest(".container").css("background-color", "green");Stack Overflow用户
发布于 2014-04-05 14:23:44
只要用这个..。
$(".container目录:包含(‘非常重要的文本’)“).parent().css(”height“，"300")；
你可以随便玩玩。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22877172
复制相关文章
相似问题