![](/img/trans.png)
[英]how do I make shoutbox chat-log scroll to bottom with constant refreshing without changing mouse focus?
[英]How Do I Filter This Chat Log?
我有以下 JSON 文件“messages.json:”
[{"participants": ["a", "b"],
"conversation": [{"sender": "b",
"created_at": "2019-08-15T19:34:24.551116+00:00",
"text": "Not so much..."},
{"sender": "a",
"created_at": "2019-08-15T19:34:14.562795+00:00",
"text": "Good! How was yours?"},
{"sender": "b",
"created_at": "2019-08-15T19:33:47.386847+00:00",
"text": "How was your day?"}]},
{"participants": ["c", "b"],
"conversation": [{"sender": "c", "created_at": "2019-08-15T19:33:22.069005+00:00",
"text": "Hi!"},
{"sender": "b",
"created_at": "2019-08-15T19:33:05.571631+00:00", "text": "Hello"}]}]
這是來自 C 的“聊天記錄”。我如何使用 JavaScript 僅過濾掉他/她從C收到的消息並將它們打印在 html 正文中? 我在頁面中包含了 jQuery。
我自己做了一些嘗試,但似乎無法讓它發揮作用。
編輯 1:把手放在我的筆記本電腦上,這就是我所擁有的。
var a=$(json).filter(function (i,n){return
n.participants==="c","b"});
for (var i=0;i<a.length;i++)
{
alert(a[i].text[1]);
}
顯然,我有一些我不知道如何解決的問題。 首先,我不知道如何僅過濾從c收到的消息,也不知道如何在 HTML 正文中顯示所有消息。 如果有人可以幫助我,那就太好了。
let data = messages_json;
let result = data.map(value=>value.conversation.filter(item=>item.sender=="c"));
您也可以使用jquery
更改innerText 像這樣
<p id="msg"></p>
<script>$("#msg").text(result)</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.