Question

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

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

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

在这个例子中，当我将鼠标悬停在类名为＆＃34; one＆＃34;我想将css应用于类名为＆＃34;一个＆＃34;。

的所有单元格

Answer 1

这是一种方法。你得到了班级名单，拆分它们并取最后一个。然后在悬停时添加/删除一个类

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

<强> jsFiddle example

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

1 个答案: