Jquery 获取所有具有特殊内容的div
所以我有一个Facebook对话的html页面。问题是所有的对话都是混合的。所以我想和我指定的人进行对话。此人的姓名在div内容中。下面是它的外观:Jquery 获取所有具有特殊内容的div,jquery,html,Jquery,Html,所以我有一个Facebook对话的html页面。问题是所有的对话都是混合的。所以我想和我指定的人进行对话。此人的姓名在div内容中。下面是它的外观: <div class="thread"> myName, ContactName <div class="message">...</div> <p>message</p> <div class="message">...</div> <p&g
<div class="thread"> myName, ContactName
<div class="message">...</div>
<p>message</p>
<div class="message">...</div>
<p>message</p>
</div>
myName,ContactName
...
信息
...
信息
所以现在我只是这样做:
<p id="test"></p>
<script>
var one = $(".thread").html();
$("#test").
$(".contents").hide();
</script>
var one=$(“.thread”).html();
$(“#测试”)。
$(“.contents”).hide();
我的目标是获取包含ContactName
的所有div,并将其显示在test
段落中。
我想知道是否有更好的方法来获取所有特定的div,而不是使用if-one[I].innerHTML.indexOf(“word”)//做点什么
。我想知道如何直接访问div中的html,我在示例中加入了
,但我认为div更合适
感谢您的帮助。您可以使用css选择器
:contains
轻松完成此操作。
$(函数(){
var filterByName=“Raj”;//按此名称筛选
var filteredDivs=$('.thread:contains(“+filterByName+”);
$(“#输出”).append(filteredDivs);
});代码>
拉杰,联系人姓名
...
信息
...
信息
Max,联系人姓名
...
信息
...
信息
拉杰,联系人姓名
...
信息
...
信息
过滤div的输出
您可以使用css选择器:contains
轻松完成此操作。
$(函数(){
var filterByName=“Raj”;//按此名称筛选
var filteredDivs=$('.thread:contains(“+filterByName+”);
$(“#输出”).append(filteredDivs);
});代码>
拉杰,联系人姓名
...
信息
...
信息
Max,联系人姓名
...
信息
...
信息
拉杰,联系人姓名
...
信息
...
信息
过滤div的输出
如果您试图搜索文本,那么.indexOf或.test是自动过滤邮件的方式吗?或者你想要像放置一个文本框和一个按钮,然后在文本框中填写用户名并点击按钮过滤掉消息这样的东西?不,我只是把我的脚本直接放在我的页面中,nobutton。那我明天试试indexof。但如果有人有更好的想法。您在控制台中发现任何错误吗?您是否有许多用户将类设置为线程?如果要搜索文本,可以使用.filter
,那么.indexOf或.test是自动筛选邮件的方法吗?或者你想要像放置一个文本框和一个按钮,然后在文本框中填写用户名并点击按钮过滤掉消息这样的东西?不,我只是把我的脚本直接放在我的页面中,nobutton。那我明天试试indexof。但如果有人有更好的想法。您在控制台中发现任何错误吗?您是否有许多用户将类设置为线程?您可以使用.filter