使用元素的attr作为图像的链接

Question

我们的想法是在每个子类别菜单列表的单独块中创建一个图像。当您将子类别的菜单元素悬停时，它会添加特定图像。图像链接在[data-image]属性中。所以问题是：怎么做？ 每个子类别都必须有自己的图像，通过js添加。 The link of example.

$('[data-image]').html(function() {
  var link = $(this).data('image');
   $('.titles').html('<img src="">').find('img[src]').attr('src', link) 

});

Answer 1

这就是答案：

$('[data-image]').hover(function() {
      var link = $(this).data('image');
       $('.titles').html('<img src="">').find('img[src]').attr('src', link) 
    });