Javascript 我想突出显示一个人（班级）的所有条目，我在这里遗漏了什么？

我有一个生成器，可以从人们那里生成随机条目我的目标是将鼠标移到一个条目上，突出显示该用户的所有其他条目。每个条目都被分配两个类，一个是用户的名称

下面是我的代码

$(document).ready(function(){        

  var $body = $('div.center');
  $body.html('<header><p id="headertext">Twittler</p></header>');

  var index = streams.home.length - 1;
  while(index >= 0){
    var tweet = streams.home[index];
    var $tweet = $('<div class = "tweets"></div>');
    $($tweet).addClass(tweet.user);

    //I'm trying to have two classes here, and the ID. Probably don't need the ID.
    $($tweet).attr("id",tweet.user);  
    $tweet.text('@' + tweet.user + ': ' + tweet.message + Date().toString("hh:mm tt"));
    $tweet.appendTo($body);
    index -= 1;
  }

  $("#tweetButton").click('click', function(){
    index = 10;
      while(index >= 0){
      var tweet = streams.home[index];
      var $tweet = $('<div class = "tweets"></div>');
      $($tweet).addClass(tweet.user);

      //I'm trying to have two classes here, and the ID. Probably don't need the ID.
      $($tweet).attr("id",tweet.user);  
      $tweet.text('@' + tweet.user + ': ' + tweet.message + Date().toString("hh:mm tt"));
      $tweet.appendTo($body);
      index -= 1;
    }

  $('.tweets').on('mouseover',function(){
      var idget = $(this).attr('class');

      $('div.center').find(idget).css('background-color','pink');
    });


  });

});  //Ends Script area

$（文档）.ready（函数（）{
变量$body=$（'div.center'）；
$body.html（“
twitter
”）；
var指数=streams.home.length-1；
而（索引>=0）{
var tweet=streams.home[index]；
var$tweet=$（''）；
$（$tweet.addClass（tweet.user）；
//我试着在这里有两个类和ID。可能不需要ID。
$（$tweet.attr（“id”，tweet.user）；
$tweet.text（“@”+tweet.user+”：“+tweet.message+Date（）.toString（“hh:mm tt”））；
$tweet.appendTo（$body）；
指数-=1；
}
$（“#tweetButton”）。单击（'单击'，函数（）{
指数=10；
而（索引>=0）{
var tweet=streams.home[index]；
var$tweet=$（''）；
$（$tweet.addClass（tweet.user）；
//我试着在这里有两个类和ID。可能不需要ID。
$（$tweet.attr（“id”，tweet.user）；
$tweet.text（“@”+tweet.user+”：“+tweet.message+Date（）.toString（“hh:mm tt”））；
$tweet.appendTo（$body）；
指数-=1；
}
$（'.tweets'）.on（'mouseover'，function（）{
var idget=$（this.attr（'class'）；
$（'div.center'）.find（idget.css（'background-color'，'pink'）；
});
});
});  //结束脚本区域

---

底部mouseover条目上的tweets是我尝试这样做的，但是当我将鼠标悬停在条目上时，什么也没有发生。我非常感谢您为实现这一目标而提供的帮助。

如果我正确阅读了您的代码（onmouseover位）。。获取

class

属性的值，并将其放入

idget

变量中。在这种情况下，该值将是

“tweets”

。接下来，您将请求所有

“tweets”

（作为选择器），这些tweets是具有

center

css

class

属性的任何

div

元素的子元素，并设置其背景色

如果所有这些都是正确的，

“tweets”

不是有效的选择器，除非您有如下标记：

。我相信你想要：

$('div.center').find('.' + idget).css('background-color','pink');

---

我不知道你的html页面，但我最好的嘉宾是：

首先，您不能将

id

用于

tweet.user

，因为不能有多个元素具有相同的

id

，因此我建议将此代码用于

#tweetButton

：

  $("#tweetButton").click('click', function(){
  index = 10;
  while(index >= 0){
  var tweet = streams.home[index];
  var $tweet = $('<div class = "tweets"></div>');
  //$($tweet).addClass(tweet.user);

  //I'm trying to have two classes here, and the ID. Probably don't need the ID.
  $($tweet).attr("userid",tweet.user);  
  $tweet.text('@' + tweet.user + ': ' + tweet.message + Date().toString("hh:mm tt"));
  $tweet.appendTo($body);
  index -= 1;
}

---

作为回应，当我抓取class属性时，idget将是您正在鼠标悬停的类的名称（也将是用户的名称）。嗯，这个似乎对我不起作用。我明白你说的关于身份证的事情。有没有错误？虽然我告诉过你我对html方面不太了解，所以代码是基于我的猜测。确保你更改了我更改的两部分，并检查

用户ID

，如果设置了或没有设置。然后运行这个

console.log（idget）

进行调试，看看它是否选择了您的元素？明天早上我会检查它，因为这里已经很晚了。非常感谢你在这件事上的帮助。你的加价在哪里？

$('div.center').on('mouseover','.tweets',function(){
  var idget = $(this).attr('userid');

  $('div.center').find('[userid="'+idget+'"]').css('background-color','pink');
});