javascript - 从 'this' 对象中选择多个类名？

Question

我正在尝试找到一种方法，当我将鼠标悬停在对象上时，从对象中获取所有类名。然后，在获取类名称后，将新的 css 附加到包含这些类名称的所有元素。

http://jsfiddle.net/fr5q8c4v/

$( '.cell' ).hover(
function() {
   $(this).classNames.css( //something like this?
       "border", "solid 1px black"  
   );

}, function() {
    $(this).classNames.css( 
         "border", "solid 1px transparent"   
    )
});

在此示例中，当我将鼠标悬停在类名称为“one”的单元格上时，我想将 css 应用到类名称为“one”的所有单元格。

Answer 1

这是一种方法。你得到类(class)名单，将它们分开并取最后一个。然后在鼠标悬停时添加/删除类

var item;
$('.cell').hover(function () {
    item = '.'+$(this).attr('class').split(' ').pop();
    $(item).addClass("bordered");
}, function () {
    $(item).removeClass("bordered")
});

<强> jsFiddle example