小编Jay*_*dev的帖子

我正在使用jquery星级评级插件"Raty" https://github.com/wbotelhos/raty.我正在使用PHP从数据库生成结果集.这也包括得分.我想为每个评级组件设置分数属性.我怎样才能做到这一点？我正在使用这种语法来显示星星.

$('.stars_small').raty({
      readOnly : true,
      half  : true,
      score : 2,
      space : false
 });  

<div class="stars_small"></div>

在单个页面中有许多div,动态生成类"stars_small".我想为每个div设置"得分".

考虑下面给出的HTML.

<ul class="chars_container">
   <li>A</li>
   <li>B</li>
   <li>C</li>
   <li>D</li>
   <li>E</li>
</ul>

CSS:

.chars_container{
    list-style-type: none
}

.chars_container li{
    float : left ;
    margin: 20px ;
    font-size : 50px;
    color : #f00;
}

.chars_container li:hover ~ li{
       color : #0f0; 
}

在悬停任何'li'时我想改变所有兄弟'li'的颜色属性.我正在使用〜选择器,它只选择下一个兄弟姐妹.

请访问此小提琴相同的代码.

在这里,我创建了一个jsfiddle.

当我将鼠标悬停在特定的磁贴上时,它会显示文本,并在鼠标输出时隐藏它.(这很好).

当我点击位于特定图块(金色)内的链接时,该图块的文本将永久显示(这应该在单击其他链接时隐藏).

现在的问题是,当我点击位于另一个磁贴内的链接时,应隐藏所有其他磁贴的文本,但这不会发生.这是我的jQuery代码.

// -- navigation tile click -- //           
$('.nav a').on("click",function(){                 
     $(this).addClass('selected');                          
});

// -- navigation tiles mouseover -- //      
$('.nav > div').on("mouseover",function(){  
    $(this).find('.abs').show();        
}).on("mouseout",function(){
    if(!$(this).find('a').hasClass('selected'))
    {
        $(this).find('.abs').hide();
    }
});

有什么更好的方法呢？为此编写jQuery的更好方法是什么？