Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/flash/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery从类中获取特定的用户数据_Javascript_Jquery - Fatal编程技术网

Javascript 使用jQuery从类中获取特定的用户数据

Javascript 使用jQuery从类中获取特定的用户数据,javascript,jquery,Javascript,Jquery,$(文档).ready(函数(){ /* 变量$body=$('body'); $body.html(“”); */ //电流馈送 var指数=streams.home.length-1; 而(索引>=0){ var tweet=streams.home[index]; //需要分离tweet消息,以便只有用户类可用于单击事件 var$tweet=$(''); var$user=$(''); var$message=$(''); var$time=$(''); $time.text(tweet.

$(文档).ready(函数(){
/*
变量$body=$('body');
$body.html(“”);
*/
//电流馈送
var指数=streams.home.length-1;
而(索引>=0){
var tweet=streams.home[index];
//需要分离tweet消息,以便只有用户类可用于单击事件
var$tweet=$('');
var$user=$('

'); var$message=$('

'); var$time=$('

'); $time.text(tweet.created_at).appendTo($tweet); $user.text('@'+tweet.user+':')。appendTo($tweet); $message.text(tweet.message).appendTo($tweet); $tweet.appendTo($(“#tweets”); 指数-=1; } //单击事件获取新推文 $(“按钮”)。单击(函数(){ //从streams.home(所有tweet的数组)中随机抽取一条tweet //可以重用当前提要中的代码 var tweet=streams.home[Math.floor(Math.random()*streams.home.length)]; var$tweet=$(''); var$user=$('

'); var$message=$('

'); var$time=$('

'); $time.text(tweet.created_at).appendTo($tweet); $user.text('@'+tweet.user+':')。appendTo($tweet); $message.text(tweet.message).appendTo($tweet); $tweet.appendTo($(“#tweets”); }) //能够查看用户配置文件 //仅在用户数据上单击事件 $('tweets')。在('click','users',function()上{ $('.container').hide(); }) });

旋转器
社会饲料
家

  • 要过滤数组,请使用array.prototype.filter()
  • 为返回所需HTML标记的单个Tweet创建模板函数
  • 不要使用重复的ID,而是使用类
  • 单击检索
    数据用户
    值,并按
    用户
    属性筛选对象数组
const tweets=[
{创建于:“2020-03-14T08:15:30Z”,用户:“aaa”,消息:“Lorem aaa ipsum”},
{创建于:“2020-03-15T08:16:21Z”,用户:“bbb”,消息:“Lorem bbb ipsum”},
{创建于:“2020-03-16T08:17:45Z”,用户:“aaa”,消息:“Lorem aaa ipsum”},
{创建于:“2020-03-16T08:19:10Z”,用户:“ccc”,消息:“Lorem ccc ipsum”},
];
常量模板_tweet=tweet=>$(“”{
类:“推特”,
html:`
${新日期(tweet.created_at).toLocaleString()}
@${tweet.user}
${tweet.message}
`,
});
const showteets=(tweets,用户)=>{
const tweetsFiltered=user?tweets.filter(tweet=>tweet.user===user):tweets;
$(“#tweets”).html(tweetsFiltered.map(template#tweet));
}
showteets(tweets);//显示所有未过滤的
$(“#tweets”)。在('单击','数据用户',函数()上{
showteets(tweets,this.dataset.user);//按用户名显示
});
.tweet{padding:10px;}
.tweet用户{color:#08e;cursor:pointer;}


有人吗?:(……你的问题在提供的代码中毫无意义。很难理解你想要什么以及你在哪里。什么是
?其他用户在哪里?。什么?这里没有显示一个单独的JS文件。它有几个函数和对象,但我觉得它不适合包含在这里。Streams是一个对象,它保存有关其所有帖子的用户名、消息和时间的数据。对于这个模棱两可的问题,我深表歉意,因为我刚刚开始学习jquery,不知道如何提问。此图像是我当前的HTML页面:。基本上,我想做的是,如果我单击,比如说
@sharksforcheap
,然后我想在HTML页面上只播放他的推文,并排除其他任何人。我已经关闭了单击不同用户名的click事件。我的问题是,我能够获取作为用户名的click值,然后只能显示他们的推文。本质上是特定clickPost的过滤器或配置文件一个JSON示例回答…创建一个-请回答您的问题,添加所有必要的内容以使其易懂。