javascript - jquery-如何为具有多个类的元素定义特定的变量类

Question

我有元素，每个元素都有多个类，我想定义这些类中的每一个以在 jquery 中使用。

解释.. 这是代码:http://jsfiddle.net/wUWYs/2/

HTML:

<div class="red row4 col1"></div>
<div class="red row3 col2"></div>
<div class="red row2 col3"></div>
<div class="red row1 col4"></div>

<div class="blue row1 col1"></div>
<div class="blue row2 col2"></div>
<div class="blue row3 col3"></div>
<div class="blue row4 col4"></div>

这就是我尝试用 jquery 做的:

jQuery:

$(".red").each(function(){
    var colNumber = $(this).attr("class");
    $(this).hover(
        function(){$(".blue."+colNumber).show();},
        function(){$(".blue").hide();}
    );
});

我想要的主要问题，当悬停 red element 时，它有 col1 和 row4 类，然后是将显示两个 blue elements，他们有 col1 和 row4 ..

这里的问题:

var colNumber = $(this).attr("class");

如何定义特定的类，以及如何使数字成为变量？

Answer 1

改用索引属性:

$(this).hover(
    function(){$(".blue:eq("+$(this).index()+")").show();},
    function(){$(".blue").hide();}
);

Working Demo