Question

我有10个图像，每个图像有一个1-10级，我怎样才能让这个功能适用于每个班级？使用class =“1”可以正常工作。只是不确定如何将它们加在一起？

<body>
<div>
    <img src="img/13-01_basic_hover.jpg" class="1" width="220" height="184" title="huge, gigantic">
    <img src="img/13-01_basic_hover.jpg" class="2" width="220" height="184" title="Number 2">
</div>
<div class="project"></div>
<script>
var title = $(".1, .2").attr("title");
$(".project").text(title);
$(document).ready(function () {
    $(".project").fadeTo(0,0);
    $(".1, .2").hover(
        function () {
            $(".project").stop(true).fadeTo("normal",1);
        }, 
        function () {
            $(".project").fadeTo("normal",0);
        }
    );       
});
</script>
</body>

Answer 1

只需将它们添加为逗号分隔值

即可

$(".1, .2, .3, .4, .5, .6, .7, .8, .9, .10").hover(
  function () {
    $(".project")
        .text(this.title)
        .stop(true).fadeTo("normal",1);
  }, 
  function () {
    $(".project").fadeTo("normal",0);
  }
);

或者为这些元素添加另一个类并对它们进行分组，然后就可以了，

$(".grouped").hover(
  function () {
     $(".project")
        .text(this.title)
        .stop(true).fadeTo("normal",1);
  }, 
  function () {
   $(".project").fadeTo("normal",0);
  }
);

Answer 2

以数字开头的类名无效。你应该改变它。

类名通常用于选择项目组。只需为您的所有商品添加第二个类名称，然后使用该名称代替.1。

结合两个或更多功能

2 个答案: