Question

我所拥有的是<article>内的一个大{block:Posts}标记，这意味着我将article样式化，以便在我的博客主题上发布他们的风格。我在使用jQuery时遇到的一个问题是，当在mouseenter标记上使用mouseleave或<article>时，它会选择页面上的所有帖子（因为它们都是文章）并做了什么我编码，但对所有人，而不是我想要的具体帖子。

这是我的代码：

 $(document).ready(function(){
     $("article img").mouseenter(function(){
         $("article").css("background-color", "red");
     });
     $("article img").mouseleave(function(){
         $("article").css("background-color", "transparent");
     });
 });

我不知道该怎么做的目标是我徘徊的特定帖子，而不是整个帖子。

谢谢，请原谅我的新手jQuery编码。

Answer 1

要引用特定的article，您可以将event（通常简称为e）传递给mouseenter回调，如下所示：

$('article img').mouseenter(function(e) {
    $(e.target).closest('article').css('background-color', 'red');
});

请参阅http://codepen.io/anon/pen/gbJGOY

Answer 2

您需要更改代码，以便将要更改为红色的特定元素作为目标。目前你说当鼠标输入文章img你想让所有文章都有一个背景颜色为红色。您可以将其更改为使用this来定位您选择的文章。

 $(document).ready(function(){
     $("article img").mouseenter(function(){
         $("this").css("background-color", "red");
     });
     $("article img").mouseleave(function(){
         $("this").css("background-color", "transparent");
     });
 });

文章图片是否有与他们相关的课程或ID？如果你能提供一些有用的HTML代码。

Answer 3

$("article img").hover( 
  function(e){
    $(e.target).css("background-color", "red");
   },
   function(e){
     $(e.target).css("background-color", "transparent");
});

<强> DEMO

选择CSS中的某些博客文章（Tumblr主题）

3 个答案: