javascript - jquery:目标div包含超过2个单词

标签 javascript jquery html css

我试图弄清楚是否可以定位包含超过 2 个单词的 div……并隐藏它们。
例如一组这样的 div:

<div class="wrap">
    <div>two words</div>
    <div>two words</div>
    <div>three words no</div>
    <div>two words</div>
    <div>two words</div>
    <div>three words no</div>
    <div>two words</div>
</div>

jsFiddle 用于代码测试:http://jsfiddle.net/x9q8f/1/

理想情况下,我尝试定位任何包含超过 2 个单词的 .wrap div ,可能是 3、4、5 个单词等,我只是想要显示包含 2 的 div...如果这可能的话?任何建议将不胜感激!

最佳答案

使用单词分隔符分割文本并计算部分数量

$('.wrap div').filter(function () {
    return $.trim($(this).text()).split(/\W/).length > 2
}).hide()

演示:Fiddle

关于javascript - jquery:目标div包含超过2个单词,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20694190/

相关文章:

javascript - TypeError:api.getAll 不是函数,服务方法无法识别

javascript - 如何从使用 jquery load() 加载的另一个 html 页面执行在主 html 文件中编写的脚本

javascript - 如何使用相同/重复的键构建关联数组

html 上的 Javascript settimeouts 打地鼠游戏

javascript - 在 onSubmit 之前创建一个 onClick 事件

javascript - React JS 函数捕获浏览器窗口大小调整不起作用

javascript - 重新初始化gmap3 map

jquery - 如何使用 jQuery 识别具有许多动态表单元素的 "change"事件

javascript - 如何禁用点击选定的数据表jquery?

html - 调整大小时,将导航从向右浮动更改为居中