Question

我想选择$（this）元素的范围，我该怎么做？

我想要这样的事情： http://jsfiddle.net/W28fE/2/

但是有一个（$（this））span元素悬停效果，而不是3

Answer 1

$（本）。儿童。（ '：第n个孩子（1）'）

jquery子选择器：

http://api.jquery.com/nth-child-selector/

您的问题：

$（本）。儿童（ '跨度：第n个孩子（1）'）

或类似的东西：

$(".element-flow").mouseover(function () {
    $(this).children('span').css("display", "block");
    });

$(".element-flow").mouseout(function () {
    $(this).children('span').css("display", "none");
    });

Answer 2

您链接的示例使用类选择器，该选择器匹配具有该CSS类的所有元素。如果您只想将它应用于一个元素，那么您需要通过特定ID进行匹配：

$("#phoneflow").mouseover(function () {
$('#phoneflow span').css("display", "block");
});

$("#phoneflow").mouseout(function () {
$('#phoneflow span').css("display", "none");
});

Answer 3

将其更改为：

$(".element-flow").mouseover(function () { 
  $(this).find('span').css("display", "block"); 
});

$(".element-flow").mouseout(function () {
  $(this).find('span').css("display", "none");
});

您可以在行动here中看到它。

Answer 4

好的，你的问题非常不完整，但是;

要选择范围，必须具有属性，类或ID。

所以在课堂上选择

<span class="myspan"/>

$(".myspan")....

选择ID

<span id="myspan"/>

$("#myspan")....

从子元素中选择范围

$(this).parent(".myspan")

或

$(this).parent("#myspan")

事件将是mouseOver

所以

$(".myspan").mouseOver(function(){ //your code here  });

Answer 5

您可以使用：

$(this).find('span').css(...);

简单的jquery选择器

5 个答案: